网页设计标准尺寸(网页标准尺寸)

当建立一个网站时,你需要先了解一些关于网页设计尺寸的知识。不同浏览器、不同终端设备的流行尺寸也不同。就pc端网页的设计尺寸而言,目前常见的分辨率为1920 * 1080,1366 * 768。网页设计标准尺寸(网页标准尺寸)

根据百度流量研究院的数据,2019年10月,中国网民访问PC网页使用的主流设备分辨率为1920*1080,占比42.94%。也就是说,大部分的屏幕分辨率已经超过了1366*768,在适应网页的时候,不需要对1366宽度以下的尺寸做特殊处理。所以你在设计的时候最好采用1920px标准。

0px;border-style: initial;border-color: initial;width: auto;" width="auto" />

手机端网页设计尺寸则比较多样,尺寸繁多,包括IOS和安卓。通常情况下,内容区为750px或960px或者1080px的,一般不小于750px像素大小(宽度)。

关于苹果,你可以参考这个移动端网页设计尺寸标准:

网页设计标准尺寸(网页标准尺寸)
图片来源:苹果官网  
关于安卓,你可以参考这个表格:

网页设计标准尺寸(网页标准尺寸)
图片来源:博客园  

如果需要兼容不同浏览器、不同终端设备的显示尺寸,现在比较流行的做法是做成响应式网站,即根据不同分辨率显示不同的尺寸,不管你是在使用手机、iPad,还是电脑,页面都能自动切换分辨率、图片尺寸及相关脚本功能等,兼容多个终端。

由于现在用户们访问网页的设备五花八门,因此响应式网站已经是大趋势。不过如果你自己开发,比较困难,还不一定能做好;目前比较流行的方式是直接使用响应式自助建站系统,比如「上线了」

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/161732.html

(1)

相关推荐