申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
知识普及 » 宽屏显示下的网站网页宽度
宽屏显示下的网站网页宽度
奈薇网页设计
于
2019-07-05 16:04
发表
阅读次数
2305
次
当前的前端设计师有一个苦恼，就是用户屏幕显示分辨率的各不相同，并不能只按照一个模式设置网站的宽度，特别对于宽屏用户来说更为烦恼。
根据我的博客上月统计，1024×768分辨率的用户只占到50%，并且在逐月下降，而1280-1440这三个分辨率的用户则达到了35%，如果按照这个速度发展下去，明年就会超过1024分辨率，这说明，使用17寸普屏的用户正在加速减少，而17、19寸宽屏用户正在稳步逐步增加，这给前端设计师的一个考验是，不能只考虑1024×768分辨率的用户了，要想想大屏幕宽屏用户的浏览体验了。
GoogleReader是一个典型的内容阅读性质的网站，用户在上面阅读时间非常之长，那么，Google的前端设计师是怎么考虑这个问题的呢？
大家可以做一个实验，在19寸宽屏下，如果网站页面全文显示，铺满整屏，那么阅读的时候，眼睛需要从左转到右，才能阅读完一行，屏幕越大，这种效果越明显，因此，一个让用户大量阅读的网站，为了照顾好读者的眼睛，在大屏幕宽屏下，也不应该全屏铺开的显示文字内容。
在1024×768分辨率下，使用GoogleReader时，会发现内容是全屏显示的，但是，使用19寸宽屏在1440×900分辨率下打开GoogleReader，会发现这时并没有宽屏显示内容，右边留出了一大块空白，如下图显示。
使用工具测量宽屏下GoogleReader的内容显示像素，结果是955个像素，很有趣的数字。
我在《更改博客页面宽度到960像素》一文中已经提到了，现在的
网页设计
的行业标准应该就是950/960像素宽度，这个宽度应该是人眼在不转动的情况下能看到的极限了，实际阅读区域正文的宽度是650像素，GoogleReader的这个设计很有意思。
在Google搜索引擎中，搜索结果的显示宽度确是另外一个数字580像素，这是又一种内容宽度设计，Google这么做的原因估计是为了更好的显示右侧广告。
我的博客最初使用的是778像素这个宽度，在2008年的那次改版后，修改为878像素宽度，主要是为了修改方便，直接加了100像素，正文区域的阅读宽度是668像素，左侧侧栏宽度是200像素。不过，今年的改变，我的博客的整体宽度修改为960，正文区域的宽度是728像素，728的宽度仅仅为了好放GoogleAdSense而已。
宽屏显示下的网站网页宽度相关标签：
企业网站制作
，
网站申请
，
网站注册
，
网站建设
相关热点推荐
网站LOGO简论
细节决定成败网站建设的
网站常用字体那些事
如何使网页的字体和颜色
Seo真的很简单 用“
让网站似个彬彬有礼的绅
扁平化网页设计的颜色搭
网页设计的艺术处理原则
界面设计是应该本地化还
网页设计制作应注意的问
企业网络营销的成功策略
浅谈如何让你的网站脱颖
如何让百度收录更多的网
网站首页设计有窍门
如何让搜索引擎收录更多
如何提高百度的网站内容
如何搞定站内搜索的产品
网站建设前应该准备什么
如何提升网站在谷歌中排
网页设计元素的减法式优
企业网站建设的好处
网站界面设计：网页的均
新建站优化，加快百度收
如何提高内容视觉效果的
企业为什么要建设网站？
巧用需求、设计文档里的
如何定位网站的主题和名
网站策划到战略与执行的
用户体验：如何塑造网站
企业网站建设应该注意的
浅谈视觉设计的准确性
如何进行网站描述优化
响应式网站在企业网站中
青岛网站制作哪家强
网页模板
网站快速排名优化几大特
建站全攻略之导航栏设计
企业网站建设的流程和方
青岛网站设计中如何创建
“互联网+”热的冷思考
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户