看网页的宽度设置应该基于1024以上了
看网页的宽度设置应该基于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%)。
看网页的宽度设置应该基于1024以上了相关推荐
- 一般网页宽度设置多少像素合适?
1.800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定. 2.1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出 ...
- 【移动端网页布局】流式布局案例 ④ ( Banner 栏制作 | 固定定位 | 标准流 | 百分比宽度设置 )
文章目录 一.Banner 栏样式及核心要点 1.实现效果 2.核心要点分析 二.完整代码示例 1.HTML 标签结构 2.CSS 样式 3.展示效果 一.Banner 栏样式及核心要点 1.实现效果 ...
- 关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考
在js开发中免不了获取屏幕或文档的宽度高度问题.今天在搜索引擎中搜索时,看到最多的就是这篇文章 这张图片已经被转载了很多了,我想说的是,在转载之前能否先思考下,是否完全懂了,而不是囫囵吞枣(虽然我也记 ...
- IDEA主题配置--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)
Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...
- 火狐 看网页注释_在Firefox内部(外部)创建注释
火狐 看网页注释 Have you been looking for a note taking extension that can tie in with Firefox and work &qu ...
- 外贸网站制作 网页的宽度多少为合适
客户经常问这样的问题,一般网页的宽度多少比较合适,我们建议可以的宽度如下: 随着计算机硬件的飞速发展,宽屏的出现,意味着以前的800×600的浏览器,基本上现在没有人用这样的宽度来设计页面,现在用得比 ...
- php中如何固定表格宽度,实例讲解DataTables固定表格宽度(设置横向滚动条)
当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了.默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width="100%", ...
- 直接在html打开ppt,PPT内如何直接看网页
您可能感兴趣的话题: PPT 直接 网页 核心提示:PPT内如何直接看网页 演示PPT的时候,有时我们需要观看一些网上的资料,一般情况下需要另外打开浏览器软件浏览网页,很不方便.虽然Office提供有 ...
- IDEA优化配置(6)--- 炫酷的主题字体颜色设置(基于Intellij IDEA 2018)
Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...
- div 设置a4大小_网页打印时设置A4大小
最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...
最新文章
- elasticsearch组件的安装启动,测试等(windows)
- 解决sqlserver1433端口占用问题
- Java并发编程:并发容器之CopyOnWriteArrayList(转载)
- NeurIPS 2021 | 港中文周博磊组:基于实例判别的数据高效生成模型
- linux tar cvf_Linux中的Tar命令:Tar CVF和Tar XVF通过示例命令进行了解释
- 宝塔+wordpress搭建/迁移网站
- 防止表单按钮多次提交
- python中的update是什么意思_python 字典中的Update()函数
- 成功转型机器学习,多年的经验分享
- 选择排序及其不稳定性介绍
- 《图解算法》第10章之 k最近邻算法
- 基于 iso 镜像构建 yum 本地源
- quartus驱动无法识别分析
- java参数防篡改,Java程序防篡改器设计方案
- 搜索词分析工具-网站关键词挖掘
- 如何让游戏里的 NPC 拥有自己的意志?
- 画画初学者怎么画好素描?画素描的技巧有哪些?
- OSX 软件选择之编辑器
- 消费互联网、产业互联网、工业互联网、能源互联网的关键区别是什么?智慧城市、智慧园区、智慧交通、智慧水务、智能电网、智慧工厂中都需要的关键技术是什么?
- python里的map是什么意思_python中map什么意思
热门文章
- mysql stmt语法_PHP mysqli_stmt_get_result() 函数用法及示例
- 【工作日记18】渗透测试之xml注入攻击、CRLF漏洞
- python输出数字三角形_Python|2020蓝桥杯之数字三角形
- 面向临床需求的CT图像降噪综述
- Django 使用 squashmigrations 合并 migration 文件
- 山东理工大学ACM平台题答案关于C语言 1181 C语言实验——最小公倍数和最大公约数...
- Yii使用 case when 来模糊排序查询
- tk域名管理后台_TK域名解析教程,dns设置教程
- python之OCR文字识别
- html 宽度单位,长度单位有哪些?