目標只有智能手機與媒體查詢

Question

我有一個視頻背景，因爲它需要相當多的MB加載，我想禁用智能手機上的視頻。 的CSS本身很簡單：

video{ 
    display:none; 
} 

但是，如何讓媒體查詢，以便它不會影響到臺式機和筆記本電腦屏幕？由於智能手機越來越高，分辨率越來越高，以往只針對少量像素（例如±450像素）的舊方法將不再適用於較新的智能手機。 智能手機的寬度和高度應該不重要，我在我的「常規」媒體查詢中修正了這一點，以便在設計中斷時改變CSS。

Answer 1

使用類似

@media (max-width: 480px) { 

video { 
display: none; 
} 

} 

這將顯示爲無屏幕尺寸，最大爲480個像素（大多數智能手機）