CSS媒體指的是一組用于描述設備或顯示情況的規則集,它們用于控制網頁在不同設備或不同顯示情況下的呈現方式。CSS媒體可以通過 @media 規則進行定義,其中包含了各種設備的屬性,例如屏幕的大小、分辨率、位圖密度以及打印設備上的紙張大小和方向。
@media screen and (max-width: 768px) { body { font-size: 16px; } }
上面的代碼表示,當屏幕寬度不超過 768 像素時,將修改 body 元素的字體大小為 16 像素。這個規則集只在屏幕設備上生效。
另外,還有許多其他的媒體屬性,例如 print、speech 等。使用 CSS 媒體可以幫助我們輕松地為不同的設備設置不同的樣式,以實現最佳的用戶體驗。
上一篇css選擇器標識符
下一篇京東商品分類的css文件