当分辨率小于

Question

首先，当谈到编码和 PHP 时，我是一个 n00b，但我喜欢设计，我喜欢写作。希望问题很简单，我试图寻找答案，并尝试了一些我认为正确的答案，但我似乎无法让它发挥作用。要么根本没有发生任何与高分辨率不同的事情，要么我犯了另一个错误并得到一个空白屏幕：/

我的 DIV 是：

<div id="logo_float"><a href="/" title="xyz"><img width="192" height="192" src="../img/logo_float.png"></a></div>

我的 div 的 CSS 是：

#logo_float
{
    position: absolute;
    top: 10px !important;
    left: 80px !important;
}

我在某处找到了这部分（看起来很简单）但我似乎无法让它工作..

if ($(window).width() < 1024) {
    // code for small viewports
} else {
    // code for large viewports
}

我希望我的 DIV（浮动徽标）显示在大分辨率屏幕上，但在使用手机、较小的平板电脑或一般来说非常低的分辨率时，它有点搞砸了，我只想在低分辨率下跳过它。

如果这里有人能帮我把这些东西放在一起，我将永远感激:)

Answer 1

您可以根据屏幕宽度创建一个 css

@media screen and (max-width: 1024px) {
    #logo_float {
      display:none
    }
}