看网页的宽度设置应该基于1024以上了

最 近发现728的网页宽度,也就是以前常用的宽度,有些过窄。因为即使上网本的分辨率至少都是1024*600。昨天看home.godwithus.cc 的joomla的一个主题,其网页宽度是950到1050.因此考虑应该变宽些,因为我又不需要在两边空白处加广告,所以不必故意流出那么多空白。根据下 面文章,两边各留出20px左右的空间。我目前的是根据800*600做的,(800-728)/2=36,即两边各留了36px,而对于1024的宽 度,则各空出148,实在太浪费了。根据下文,目前800*600以下的浏览客户端目前不到1%.

我针对iclab.cn进行统计如下:

上个月(2009年12月22日至2010年1月21日)总共759个访问800*600占1.17%,而低于800*600的则没有。

累积访问(2005年12月22日至2010年1月21日)总共访问53,438次,800*600占1.77%。

因此实在不必要考虑1024以下的了。两边各留36的话,宽度应该是952,正式jooma的主题设置的值。

上个月访问统计:

1.

1024x768

759
35.50%

2.

1280x800

448
20.95%

3.

1440x900

239
11.18%

4.

1280x1024

230
10.76%

5.

1600x900

114
5.33%

6.

1366x768

67
3.13%

7.

1680x1050

58
2.71%

8.

1280x768

38
1.78%

9.

1152x864

36
1.68%

10.

800x600

25
1.17%

累积访问统计:

1.

1024x768

25,856
48.39%

2.

1280x800

10,160
19.01%

3.

1280x1024

6,987
13.07%

4.

1440x900

4,023
7.53%

5.

1152x864

1,102
2.06%

6.

800x600

947
1.77%

7.

1680x1050

918
1.72%

8.

1280x768

758
1.42%

9.

1280x960

463
0.87%

10.

1400x1050

439
0.82%

以下转载自: http://www.isparkle.cn/major-revision-from-the-portal-to-see-if-the-page-width-is-set.html

页面宽度设置是网页设计中最基本的,但是却是颇受争议的。

记得刚刚了解网页设计的时候,有人说,屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页面要设置成不大于1002px,等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。

但是,从这次各大门户网站改版来看,他们大都是从原来的窄屏改为宽屏了,只有网易还坚守在窄屏阵营,显得颇有些小气。

显然,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px而非1002px(腾讯网的是910px)。

其实,还有很多网站的宽度是960px(阿里巴巴 ),或是980px(buysino )。

我知道在这个问题上面个人的观点是不一样的,我认为这里主要要考虑两个因素:视觉效果和用户体验。

从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。

而 从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4开的报纸,都 会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还行,如有二十 几行,谁能读下去?!

现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!

所以,我认为950-980的页面宽度是最合适的,如果考虑800*600的显示器,则可以考虑向下兼容的设计(不过,据统计,现在使用 800*600分辨率的显示器的不到1%)。

4:40:11 AM | Add a comment  | Permalink  | Blog it

看网页的宽度设置应该基于1024以上了相关推荐

  1. 一般网页宽度设置多少像素合适?

    1.800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定. 2.1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出 ...

  2. 【移动端网页布局】流式布局案例 ④ ( Banner 栏制作 | 固定定位 | 标准流 | 百分比宽度设置 )

    文章目录 一.Banner 栏样式及核心要点 1.实现效果 2.核心要点分析 二.完整代码示例 1.HTML 标签结构 2.CSS 样式 3.展示效果 一.Banner 栏样式及核心要点 1.实现效果 ...

  3. 关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考

    在js开发中免不了获取屏幕或文档的宽度高度问题.今天在搜索引擎中搜索时,看到最多的就是这篇文章 这张图片已经被转载了很多了,我想说的是,在转载之前能否先思考下,是否完全懂了,而不是囫囵吞枣(虽然我也记 ...

  4. IDEA主题配置--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)

    Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...

  5. 火狐 看网页注释_在Firefox内部(外部)创建注释

    火狐 看网页注释 Have you been looking for a note taking extension that can tie in with Firefox and work &qu ...

  6. 外贸网站制作 网页的宽度多少为合适

    客户经常问这样的问题,一般网页的宽度多少比较合适,我们建议可以的宽度如下: 随着计算机硬件的飞速发展,宽屏的出现,意味着以前的800×600的浏览器,基本上现在没有人用这样的宽度来设计页面,现在用得比 ...

  7. php中如何固定表格宽度,实例讲解DataTables固定表格宽度(设置横向滚动条)

    当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了.默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%", ...

  8. 直接在html打开ppt,PPT内如何直接看网页

    您可能感兴趣的话题: PPT 直接 网页 核心提示:PPT内如何直接看网页 演示PPT的时候,有时我们需要观看一些网上的资料,一般情况下需要另外打开浏览器软件浏览网页,很不方便.虽然Office提供有 ...

  9. IDEA优化配置(6)--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)

    Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...

  10. div 设置a4大小_网页打印时设置A4大小

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

最新文章

  1. elasticsearch组件的安装启动,测试等(windows)
  2. 解决sqlserver1433端口占用问题
  3. Java并发编程:并发容器之CopyOnWriteArrayList(转载)
  4. NeurIPS 2021 | 港中文周博磊组:基于实例判别的数据高效生成模型
  5. linux tar cvf_Linux中的Tar命令:Tar CVF和Tar XVF通过示例命令进行了解释
  6. 宝塔+wordpress搭建/迁移网站
  7. 防止表单按钮多次提交
  8. python中的update是什么意思_python 字典中的Update()函数
  9. 成功转型机器学习,多年的经验分享
  10. 选择排序及其不稳定性介绍
  11. 《图解算法》第10章之 k最近邻算法
  12. 基于 iso 镜像构建 yum 本地源
  13. quartus驱动无法识别分析
  14. java参数防篡改,Java程序防篡改器设计方案
  15. 搜索词分析工具-网站关键词挖掘
  16. 如何让游戏里的 NPC 拥有自己的意志?
  17. 画画初学者怎么画好素描?画素描的技巧有哪些?
  18. OSX 软件选择之编辑器
  19. 消费互联网、产业互联网、工业互联网、能源互联网的关键区别是什么?智慧城市、智慧园区、智慧交通、智慧水务、智能电网、智慧工厂中都需要的关键技术是什么?
  20. python里的map是什么意思_python中map什么意思

热门文章

  1. mysql stmt语法_PHP mysqli_stmt_get_result() 函数用法及示例
  2. 【工作日记18】渗透测试之xml注入攻击、CRLF漏洞
  3. python输出数字三角形_Python|2020蓝桥杯之数字三角形
  4. 面向临床需求的CT图像降噪综述
  5. Django 使用 squashmigrations 合并 migration 文件
  6. 山东理工大学ACM平台题答案关于C语言 1181 C语言实验——最小公倍数和最大公约数...
  7. Yii使用 case when 来模糊排序查询
  8. tk域名管理后台_TK域名解析教程,dns设置教程
  9. python之OCR文字识别
  10. html 宽度单位,长度单位有哪些?