viptool / 参考资料 / Web 尺寸规范参考

参考资料

Web 尺寸规范参考

这些数值可作为起点，应按具体产品调整。

responsive
viewport
design

搜索

数值	名称	说明
320 px	Small mobile viewport	常见最小设计宽度，也应测试更窄布局。
375 / 390 px	Modern phone viewport	常见现代手机 CSS 视口宽度。
768 px	Tablet breakpoint	常用平板断点。
1024 px	Tablet landscape	常见横屏平板视口。
1280 / 1440 px	Desktop viewport	常见桌面内容环境。
1920 × 1080	Full HD	常用显示器分辨率。
32 × 32	Favicon	常见网站图标像素尺寸。
180 × 180	Apple touch icon	常见 Apple 触控图标尺寸。
1200 × 630	Open Graph image	常见社交分享图片尺寸。
1200 × 675	16:9 social image	常见 16:9 横向社交图片。
44 × 44 CSS px	Touch target	实用的最小触控目标。
65–75 characters	Readable line length	常见舒适正文行长。

来源: MDN CSS values and units复核日期: 2026-07-11

如何使用 Web 尺寸规范参考

在上方输入或选择需要处理的数据。
点击“搜索”执行操作。
检查结果，并在需要时复制、调整输入后重新执行。

Web 尺寸规范参考常见问题

这个工具会保存我的数据吗？

此工具的主要处理过程在你的浏览器中完成，viptool 不会上传或保存你输入的内容。

为什么结果可能与其他网站不同？

结果取决于输入格式、计算规则和数据更新时间。涉及实时数据时，请以页面标明的数据来源及其更新时间为准。