設置樣式桌面只（自適應網站）

OK，我希望這一切是有道理的，但在這裏我們去...設置樣式桌面只（自適應網站）

我目前正在建設一個負責任的網站，但是桌面版本已經完成。我在div封裝器中有一個圖像。其中有懸停狀態並顯示一些測試。這全部通過CSS完成。

現在在平板電腦上，我希望能夠爲文本創建下拉菜單，而不是懸停狀態。但問題是當我把鼠標懸停在div上時，我需要點擊內容顯示的平板版本（max-width：1024px）。但我只希望它顯示onClick從jquery。

這裏是一個被網站本身上設置的CSS網站：

.textHoverWrapOne:hover div.block-50_textHoverOne, .textHoverWrapTwo:hover div.block-50_textHoverTwo, .textHoverWrapThree:hover div.block-50_textHoverThree,.textHoverWrapFour:hover div.block-50_textHoverFour, .textHoverWrapFive:hover div.block-50_textHoverFive, .textHoverWrapSix:hover div.block-50_textHoverSix{ 
    visibility: visible; 
    opacity: 1; 
    -webkit-transition: all 0.4s ease-in-out; 
    -moz-transition: all 0.4s ease-in-out; 
    -o-transition: all 0.4s ease-in-out; 
    transition: all 0.4s ease-in-out; 
}

我希望能夠刪除樣式的平板電腦和更小的東西。但我似乎無法清除它們。我能想到的唯一方法就是通過移動/平板設備上的jQuery刪除類，但它似乎太冒險了。

有沒有一種方法可以將樣式設置爲僅使用媒體查詢出現在超過1024像素的任何內容上？

來源

2013-08-28 JDavies

@media screen and (min-width: 1024px) { 
    // your rules here 
}

來源

2013-08-28 13:39:35 moonwave99

謝謝！不知道爲什麼我沒有想到這一點！但再次感謝！ – JDavies

很容易：

@media (min-width: 1024px)

來源

2013-08-28 13:39:00 SLaks

設置樣式桌面只（自適應網站）

回答

相關問題