问Bootstrap:使CSS规则仅适用于桌面版本
EN

Stack Overflow用户

提问于 2013-03-13 02:29:57

回答 1查看 6K关注 0票数 4

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

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

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

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

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

回答已采纳

发布于 2013-03-13 02:33:21

您可能希望在body标记上使用一个类：

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

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

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15369254

复制

相似问题

问Bootstrap:使CSS规则仅适用于桌面版本EN