文章图片


当你建网站的时候 ， 首先要知道网站的设计尺寸 。 在不同浏览器、不同终端设备上的流行尺寸也不相同 ， 在 pc端的网页设计尺寸上 ， 目前最常用的分辨率为1920*10801366*768 。
根据百度流量研究院的数据显示 ， 2020年10月份我国网民访问PC网页的主流设备分辨率为1920*1080 ， 百分比为42.94% 。 也就是说 ， 大部分的屏幕分辨率都已经超过了1366*768 ， 在适配网页时则不需要对1366宽度以下的尺寸做特殊处理 。 所以你在设计时采用1920px标准比较好 。

手机端网页设计尺寸则比较多样 ， 尺寸繁多 ， 包括IOS和安卓 。 通常情况下 ， 内容区为750px或960px或者1080px的 ， 一般不小于750px像素大小（宽度） 。
如果需要兼容不同浏览器、不同终端设备的显示尺寸 ， 现在比较流行的做法是做成响应式网站 ， 即根据不同分辨率显示不同的尺寸 ， 不管你是在使用手机、iPad ， 还是电脑 ， 页面都能自动切换分辨率、图片尺寸及相关脚本功能等 ， 兼容多个终端 。
由于现在用户们访问网页的设备五花八门 ， 因此响应式网站已经是大趋势 。 不过如果你自己开发 ， 比较困难 ， 还不一定能做好；目前比较流行的方式是直接使用响应式自助建站系统 ， 直接选个模板再稍加编辑 ， 就能快速生成一个响应式网站 ， 自适应各终端平台 ， 比较简单 。

【网页设计|web网页设计尺寸规范】以上就是关于网页设计尺寸规范的介绍 ， 谢谢大家阅读 。

来源：(前端启明星)

【】网址：/a/2021/0223/kd732771.html

标题：网页设计|web网页设计尺寸规范