网页尺寸主要分为桌面端、移动端和通用设计标准,具体如下:
桌面端(PC)
主流分辨率 :1920x1080(全高清)
设计稿规范 :宽度1920px,主体内容区域建议1200px内
适配方案 :采用响应式设计,通过CSS媒体查询适配不同屏幕尺寸
移动端
常见尺寸 :
320x480(旧版手机)
375x667(iPhone 6/7)
750x1334(安卓平板)
1125x2436(高分辨率手机)
设计原则 :优先适配主流设备屏幕,避免使用固定尺寸
通用设计标准
宽度基准 :1920px(全屏宽度)
高度建议 :
主体内容区:950-1200px
首屏高度:700-750px
适配浏览器 :考虑工具栏占用空间,避免固定高度
响应式设计 :通过百分比布局和媒体查询实现多设备适配,而非依赖固定尺寸
滚动条控制 :宽度≤778px时避免水平滚动条,高度根据内容动态调整
历史参考 :1024x768曾是旧版PC主流分辨率,但现代设计更推荐1920x1080