如何使我的網站的移動視圖不顯示某些元素？

在我的網站上，當前您在加載時會自動播放視頻，然後淡入到網站。但由於手機數據規則，它不能在手機上自動播放。如何讓視頻不會顯示在移動視圖上？它會與CSS @media？如何使我的網站的移動視圖不顯示某些元素？

是，利用媒體查詢，然後選擇'顯示目標包含視頻的HTML元素：無;' – mencina 2014-09-02 20:55:18

我會用https://github.com/serbanghita/Mobile-Detect - 這樣它不會加載。在媒體查詢中使用css（display：none），或者不加載它，但它不可見。 – Christina 2014-09-02 21:02:33

移動平臺包含與桌面設備匹配的分辨率相同的平板電腦，因此使用CSS不是一種好的選擇。 – Christina 2014-09-02 21:04:05

我看到至少兩種選擇：

2014-09-02 20:55:17

最好的辦法是將其包裝在一個類（在這個例子的目的，我會打電話給它show-desktop

這裏是你將如何組織你的媒體查詢：

@media screen and (max-width:767px){ 
    .show-desktop{ 
    display:none; 
    } 
}

這使得隱藏在類show-desktop的內容時，該設備的尺寸爲767個像素或更小

2014-09-02 20:54:47 Aibrean

回答