Bootstrap：使CSS規則僅適用於桌面版本

我使用引導來創建應用程序的桌面和移動版本。Bootstrap：使CSS規則僅適用於桌面版本

我想讓桌面版在左上角有一個小圖像，幾乎就像水印一樣，不會影響任何其他元素的定位，所以我在背景圖上使用了主體

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

但是，我不希望這顯示在移動版本上。

如何停止影響移動版本的CSS規則？

來源

2013-03-12 user2162295

你可能會想使用一個類對身體標記：

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;} 
}

來源

2013-03-12 18:33:21 isherwood

我甚至不知道爲什麼你會在這裏推薦一類，你怎麼能指望得到應用這個班？在使用媒體查詢時，最好在'（min-width：X）'時應用bg，而不是全局應用它，並在事後將其刪除。這樣少用CSS。很少有很好的理由在'min-width'上使用'min-device-width'（這與max-*相同）。 – cimmanon 2013-03-12 18:40:24

我不明白你的身體課的問題。至於媒體查詢，這是一個可以修改的通用示例。隨意編輯。 – isherwood 2013-03-12 18:42:09

謝謝你們，這個伎倆。 '@media唯一的屏幕和（最小寬度：768px）{ 機身{\t background-image：url（「../ image/logo.png」）; background-repeat：no-repeat; } }' – user2162295 2013-03-12 18:51:17

Bootstrap：使CSS規則僅適用於桌面版本

回答

相關問題