css屏幕尺寸 |css颜色编码对照表

CSS中，屏幕尺寸主要通过媒体查询来设置。媒体查询可以根据屏幕尺寸等条件来应用不同的CSS样式。例如：

@media screen and (max-width: 768px) {
/* 手机屏幕尺寸 */
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) {
/* 平板电脑屏幕尺寸 */
body {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
/* 桌面电脑屏幕尺寸 */
body {
font-size: 18px;
}
}

在上面的代码中，通过使用@media查询，可以根据不同的屏幕尺寸来应用不同的CSS样式。在不同的屏幕尺寸下，页面的字体大小会有所不同。

CSS的屏幕尺寸在响应式设计中非常重要，它可以实现页面在不同的设备上适应不同的显示效果。通过使用合适的屏幕尺寸设置，可以让页面在手机、平板电脑和桌面电脑等不同的设备上有更好的显示效果。