网页设计，宽度的设置，不是绝对固定的值，根据我们的需要。这里我做了详细的网页宽度设置。
网页的宽度主要分为两种：
固定宽度：内容区域宽度固定
自适应：内容区域宽度随浏览器更改
1。固定宽度模式
宽度是我们日常生活中最常见的形式。主要的宽度960px / 980px / 1190px / 1210px / 1200px / 1400px等等。那么为什么这些宽度出现，而不是我们认为显示分辨率为1024, 1280？
客户端显示有一些局限性，在定义Web页面宽度时，我们首先要考虑的是我们的用户使用的显示。我们都知道，显示器基本上都是从1024px。尽管今天的分辨率显示设备非常罕见（尽管iPad也使用了这个规范），但我们必须考虑客观条件，并考虑我们必须支持最低分辨率。
如果我们设计的网络管理系统的一些特定的企业，设备的统一是超过1440px宽。然后按此宽度设计设计草图，作为设计标准。
如果我们想为年轻人设计一个面向潮流的官方网站，我们可以放弃低分辨率的用户（主要是中老年群体），以获得更好的显示效果，并从最低支持1366开始。
如果是设计网站如淘宝满足每个人，然后开始用最低1024。
假设我们确定了1024个宽的支撑起点，然后我们还要做一件事情来确定主要内容的面积。当我们使用Word时，我们都知道我们将为A4纸设置一个参数类型，称为页边距，它不允许文本内容直接粘贴在纸张边缘。同样的，网页主要内容的面积不到1024宽，使得左边和右边的白色。至于最小的宽度是已知的，间距将离开，以便内容不会直接连接到浏览器。
所以，想知道如何使用960px，980px和类似淘宝，Jingdong这个级别的网站界面很宽，通过网格系统和系统的推导出来的，而不是想一个更加赏心悦目，看着整数集，即使你没有概念的网格，但也可以使用这些宽度。
最简单的设置宽度：宽度=最小宽度-左右白色
两。自适应模式
可能很多人都听说过响应式布局，尤其是近几年H5的兴起，很多主要的网页设计者觉得网页设计后应该支持整个平台，而那些陈旧的固定宽度规格应该被淘汰。然而，宽度自适应模式和响应设计并不完全相同。
响应设计是一个可以在多种平台上显示和运行的框架，在不同的宽度下显示不同的排版和样式。
这里还是汇智网站建设公司不推荐使用响应式设计，由于实际项目开发的局限性太大，时间的长度可能小于PC、移动终端的开发。一般的自适应宽模式是使主内容区域随着绘图的拉伸而调整，从而使整个浏览器的画布区域最大化，显示更多的文本信息或图像，并带来更好的浏览体验。
在这种模式下，这是没有问题的使用1920px或较大的宽度设计。但您还需要定义一个最小宽度，然后设计一个显示该限制的视觉效果。因为很多用户会减少操作系统中浏览器的宽度来并行其他窗口。但今天和未来，3.5k 2K，4K显示器越来越流行，设计师们想象的要考虑如何做外1080p。
设计一个自适应宽的界面，首先选择一个合适的宽度为依据，如1440px，1920px，等等，并给出模块延伸计划。然后给出了处理最小宽度效应及超越的措施。设计一个可行的解决方案，完全熟悉htm5l + CSS3和JS的设计师，还需要考虑宽度大清晰，满足阅读的效率问题。谈到自适应和响应性布局绝对是浪费团队时间。
三。最后
需要说明的是，即使采用固定宽度模式，也可以在特定模块中使用自适应模式结合。常见的是网页的头部和底部，以及一些带有背景颜色和图案的模块。如上述天猫的案例。不要用太大的帆布做设计。否则，设计的演示文稿将不被欣赏，预览效果将大大降低。例如，以下T的截图
