所以,我们真正创建的网页内容区域,是小于 1280 或者 1024 的 。而得出具体的内容区域尺寸的方法,是通过网页的删格系统计算出来的 。
网页删格系统是由平面网格系统衍生出来,针对网页使用的排版系统 。如果稍微看过这类文章的同学都会看见一个公式:
(Axn)- i = W

文章插图
这个做法就是通过将内容区域划分成若干内容块和间隔模块的方式,辅助我们排版 。在本篇内容里不做具体介绍,只需要关注结果即可 。
如果选择适配 1280,那么设计内容的区域宽通常为 1180、1190 。而在适配 1024 下,那么内容区域宽常见的就有 950、970、990 等 。当我们创建完完整分辨率的画布,再通过参考线的方式将内容区域规划出来即可 。

文章插图
对于网页设计来说,最重要的参数就是内容区域的宽度,但也有一些元素是例外,很多人可能发现网页有一些元素是超过正常的内容区域的(无论是对一般显示模式或是自适应模式),最常见的就是顶部的导航栏和底部的页脚区域 。比如打开淘宝无论拉伸得多长,内容区域固定是 1190 宽,而导航栏却永远撑满整个浏览器 。

文章插图
所以,我们不会将这些内容的宽度计算在内,在设计稿中只要设计了这样的元素,和前端人员适当沟通和标注,就可以获得想要的效果 。
总结
其实讲了一堆,最后我们用一个表格来总结一下 。

文章插图
关于 PC 端网页设计宽度的设定介绍到这里就结束了,如果有什么疑问,可以在评论区留言 。
【网页宽度到底该怎么定?这篇全面好文告诉你】
推荐阅读
- 龙息椒的辣度是多少 龙息辣椒到底有多辣
- 水晶头配线架到底怎么做
- 数据库软件架构,到底要设计些什么?
- 网络突然很慢,网页打开一直在转圈
- 配置无线路由器时无法打开登录192.168.1.1网页的解决方法
- 如何拦截网页弹出广告
- 不同浓度的酒精到底起什么作用
- 开车时到底该如何踩刹车
- 主播到底能不能赚钱 网上做主播的真的能赚钱吗
- 到底指纹解锁更好,还是面部识别更好,老司机告诉你
