Question

我正在使用bootstrap来创建桌面和应用程序的移动版本。

我希望桌面版本在左上角有一个小图像，几乎像一个水印，不会影响任何其他元素的定位，所以我在身体上使用了背景图像

body
{
    background-image: url("../image/logo.png");
    background-repeat: no-repeat;
}

但是，我不希望这在移动版本上显示。

如何阻止影响移动版本的CSS规则？

Answer 1

你可能想在body标签上使用一个类：

body.desktop
{
    background-image: url("../image/logo.png");
    background-repeat: no-repeat;
}

<body class="desktop">
...
</body>

您还可以使用media queries删除小屏幕尺寸的图片。在这种情况下，不需要身体类别：

@media only screen and (max-device-width: 480px) {
    body {background-image: none;}
}