我可以根據窗口大小設置樣式嗎？

Question

我給自己定了一個iframe這是一個YouTube視頻樣式：

iframe { 
    width: 450px !important; 
    height: 253px !important; 
} 

但是，如果調整窗口的大小小大小，然後左邊距消失，有餘地的iframe的原始大小。調整窗口大小時，是否可以使用iframe的原始大小？

Answer 1

是，使用media queries：

@media (min-width: 768px) { 

    iframe { 
     width: 450px !important; 
     height: 253px !important; 
    } 

} 

如果窗口至少768px寬以上規則只適用。還有一些其他內容可以放在媒體查詢中，以選擇適用於媒體（屏幕，打印等），最大寬度等的內容。