CSS中定義的分辨率通常與屏幕大小有關。屏幕大小可以通過以下方式確定:
screen.width // 屏幕寬度 screen.height // 屏幕高度
然后可以使用CSS中的媒體查詢來針對不同的屏幕大小提供不同的樣式:
@media screen and (max-width: 600px) { /* 在小于600像素寬的屏幕上應用這些樣式 */ } @media screen and (min-width: 600px) { /* 在大于或等于600像素寬的屏幕上應用這些樣式 */ }
這是一個簡單的例子。媒體查詢可以根據需求和場景來定制和使用,例如,還可以使用像素密度、方向等屬性。