网页设计中网页宽度如何选择

对于不懂网页设计的人士来说，页面宽度高度永远是个谜。对于不同的电子设备，显示屏的高度宽度都是有差别的。今天创新互联就给大家简单介绍一下网页的高宽度如何选择。

页设计的其中一步就是画布创建，这也是困扰我们的一个难题。由于市面上存在多种前端技术的应用，以及一些历史问题、设计场景差异等因素的影响，我们在搜索宽度这类问题的时候，获得的结果会有非常多的版本，导致更加迷茫。

对于任何设计网页的项目，宽度设定的标准都是不同的，而在选择宽度的过程里，需要考虑 2 个核心因素：1. 设备因素2. 展示类型

在浏览器中，有右侧滚动条的因素影响，并且主体内容的两侧也要预留出内边距。所以，我们创建的网页内容区域，是小于 1280 或者 1024 的。而得出具体的内容区域尺寸的方法，是通过网页的删格系统计算出来的。即(Axn)- i = W。

对于网页设计来说，重要的参数就是内容区域的宽度，但也有一些元素是例外，很多人可能发现网页有一些元素是超过正常的内容区域的(无论是对一般显示模式或是自适应模式)，常见的就是顶部的导航栏和底部的页脚区域。比如打开某宝无论拉伸得多长，内容区域固定是 1190 宽，而导航栏却永远撑满整个浏览器。所以，我们不会将这些内容的宽度计算在内，在设计稿中只要设计了这样的元素，和前端人员适当沟通和标注，就可以获得想要的效果。

创新互联总结一下：

1、适配分辨率为“1024乘768”的，显示类型“定宽”，内容宽度为“950、970、990”。

2、适配分辨率为“1280乘800”的，显示类型“定宽”，内容宽度为“1180、1090”。

3、适配分辨率为“所有宽度”的，显示类型“自适应”，内容宽度为“1920、1024、640”。

创新互联关于 PC 端网页设计宽度的设定介绍到这里就结束了，希望对大家有帮助。如对文章内容有疑问可以电话联系我们或者在官网给我们留言。

当前标题：网页设计中网页宽度如何选择
文章起源：https://www.cdcxhl.com/news46/278746.html

成都网站建设公司_创新互联，为您提供自适应网站、微信公众号、网站制作、服务器托管、App开发、网站策划

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联