当你确定好了要做的网页的风格，着手设计的第一步，应该就是确定网页宽度了。
确定网页宽度的依据，主要有：
网页内容类型，比如门户类、博客类...；
网页风格，韩国风格、欧美风格、国内常见...；
网页功能，信息量多小、多功能组合、单功能ＵＩ类...
...
那到底网页设成多宽，才合适呢：
分类： Html/Css
2017-06-20 21:47:07
当你确定好了要做的网页的风格，着手设计的第一步，应该就是确定网页宽度了。
确定网页宽度的依据，主要有：
网页内容类型，比如门户类、博客类...；
网页风格，韩国风格、欧美风格、国内常见...；
网页功能，信息量多小、多功能组合、单功能ＵＩ类...
...
那到底网页设成多宽，才合适呢：
我初学时，也曾头痛过这个问题。怕不正规的网页宽度、不协调的结构比例，让行内人笑话。
其实这事儿，是咱庸人自扰。知道一些基本的、最好可以遵守的原则，具体宽度值多些少些，都无所谓啦。
比如不久前的某个统计时间点上：网易仍960px，腾讯网的首页宽度，从910像素改版为1000像素，新浪与搜狐网依旧保持950px，淘宝网的首页1000px，而淘宝子频道页：男装990px，点卡950px、天猫970px、天猫电器城的首页990px、一淘网1200px，刚刚又浏览了一下淘宝，看来首页、子页，大部分都统一改版为1190……
电商类型的网站首页宽度，大多在1200像素左右：比如京东1210px、苏宁1190px、当当1200px、亚马孙自适应（最小宽度980像素）…
如何确定你欲建的网页宽度、并有效组织页内布局呢？我能给出的，只有两条建议：
一、请研究一下960网格系统
这是个网页设计史上，具有里程碑、或代表意义的网格系统。主要是针对1024*768分辨率的屏幕。
有人说960网格已过时，现今1200像素以上的屏幕，早已取代了1024的市场占有率，学习“960网格系统”已没有意义。
我要说：现今我们学习它的意义，已不再是简单的网格套用，而是一套的网页布局思想：整站布局的统一；平衡、流畅的视觉美感；代码的重用、提炼...
留个思考题：总结相对于1024的屏幕，960网格系统布局的特点、优点。提取必要知识，扩展应用于其它分辨率的网页宽度、结构比例设定上。
二、响应式布局
虽然今时1200像素以上的电脑屏幕，占据着主导地位。但平板电脑、手机MP4/5等移动终端的小微显示器，市场占有率也在极速攀升。
一套页面，自适应多种分辨率，或多种终端设备，已悄然盛行。
这一部内容，初学者要有所了解，才能尽快赶上时代步伐。