知叶 | 显示全部楼层
发表于 2023/12/12 08:55:11
你好，用@media screen做响应式网页设计，一般需要对哪几种分辨率做响应？
回复

举报

是谁啊 | 显示全部楼层
发表于 2023/12/12 08:55:34
你好！在进行响应式网页设计时，使用@media screen可以根据不同的屏幕分辨率应用不同的样式或布局。虽然具体的分辨率取决于你的目标受众和设计需求，但以下是一些常见的屏幕分辨率，你可能希望考虑：

小屏幕（移动设备）:

320px - 480px (智能手机纵向)
481px - 767px (智能手机横向)
中等屏幕（平板设备）:

768px - 1024px (平板设备)
大屏幕（台式机和笔记本电脑）:

1025px - 1366px
1367px - 1600px
超大屏幕（大型显示器和高分辨率设备）:

1601px 及以上
当然，这只是一些常见的范围，实际上可以根据项目的具体情况进行调整。而且，越来越多的设备采用高分辨率屏幕，因此考虑使用相对单位（例如百分比、em、rem等）而不是固定的像素值可能更有利于适应不同屏幕大小。通过灵活运用@media查询，你可以根据需要为不同范围的屏幕应用不同的样式和布局。
回复

举报