网站设计规范尺寸 web端设计尺寸规范

在做网站的时候，你需要先了解一下网页设计尺寸。不同浏览器、不同终端设备的流行尺寸也不一样。就pc端网页设计尺寸而言，目前常见的分辨率有1920*1080和1366*768。百度流量研

在做网站的时候，你需要先了解一下网页设计尺寸。不同浏览器、不同终端设备的流行尺寸也不一样。就pc端网页设计尺寸而言，目前常见的分辨率有1920*1080和1366*768。

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

手机网页设计尺寸相当多样，尺寸范围很广，包括IOS和Android。内容区域一般为750px、960px或1080px，一般不小于750px像素大小(宽度)。

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

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

图片:苹果官网

关于安卓，你可以参考这个表格：

对于Android，可以参考这个表:

图片:博客花园

如果需要兼容不同浏览器和终端设备的显示尺寸，现在流行做一个响应式的网站，就是根据不同的分辨率显示不同的尺寸。无论你使用的是手机、iPad还是电脑，页面都可以自动切换分辨率、图片大小以及相关脚本功能等。，并兼容多种终端。

如今，由于用户有各种设备访问网页，响应式网站已成为大势所趋。但是自己开发的话，就比较难，不一定能做好。目前比较流行的方式是直接使用响应式自助建站系统。直接选择一个模板，稍加编辑，就可以快速生成一个响应式的网站，可以适应各个终端平台。比较简单。

具体制作方法如下：在「上线了」选择“创建网站”，再选择一个你喜欢的模板：

具体制作方法如下:在“在线”中选择“创建网站”，然后选择一个你喜欢的模板:

本展示页面提供的模板和元素仅用于展示功能和效果，未经授权不得用于其他用途。

点击模板进入编辑页面，在这里可以【添加新板块】，添加需要的功能，包括商店、博客、定价表、自定义应用、产品展示、标题、相册、消息表单...受欢迎的部分被安排在顶部。可以参考常用的章节，选择自己需要的。

网站的文字和图片都是可以修改和替换的，版块里有很多布局。不管是什么布局，都可以适应不同的终端，你可以自由搭配。

左上角【设置】，可以设置网站域名、网站标题、描述、关键词等。完成并正确预览后点击左下角的“上线”。

以上就是关于网页设计尺寸规范的知识。其实很简单。希望这篇科普对你有用~