当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 避免使用水平滚动条

设计理念
Web 可访问性
Web 国际化
让你的Blog重获青春
精彩网页设计九“慎”
CSS如何为同一个元素处理多种规则
30步,网站信任度提升200%
平台越简单,成功的指数越高
困扰个人网站做大做强的思考
25种马上提高浏量的方法
CSS比表格更难吗?
web标准的商业价值
关注web标准的真正原因
web标准,我们去向何方?
通向web标准之路
初学web标准的几个误区
学习CSS的10大理由
伴随着Web标准发展
同一个页面用多个id有什么影响
如何提高页面响应速度
十大网站设计错误

设计理念 中的 避免使用水平滚动条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1851 ::
收藏到网摘: n/a

What you see is not always what you get at least with the standard screen sizes. Many new web designers will assume that if they are designing for an 800x600 screen that their web page tables should be 800 pixels wide. If you tried it, and you have to horizontally scroll to read your page content, I'm sure you were pretty frustrated. Don't worry, it has happened to all of us.

在标准尺寸的显示器下,你看到的内容并不总是你要寻找的内容。许多刚开始工作的网络设计者可能会想:如果为800x600分辨率的显示器设计网页,那么网页的宽度应该是800像素。如果这样做,你必须要水平滚动网页才能浏览网页的全部内容。你肯定很失望,不用担心,我们每个人都碰到过这样的情况。

A good rule to follow is to subtract 30 pixels from the width of your table to accommodate the screen size.

你可以遵循一个规则:网页宽度减少30像素,让这个页表出现在电脑屏幕上。

Avoid_Horizontal_Scroll_Bars




Horizontal bar example(水平滚动条)

Example:
例如:

800x600 Screen = Table Width 770
1024x768 Screen = Table Width 994

800x600
分辨率的显示器,页表宽度为770像素;1024x768分辨率的显示器,页表宽度为994像素。

Note: If all four margins (top, left, right, and bottom) are set to 0, substract 25 from the width and 150 from the height of your table . So, the max width and page fold would be

注释:网页四边的空白部分(上、下、左、右)设为零,页表的宽度减少25,高度减少150,那么页表的宽度和折叠页面分别为

  • 800x600: 775px; Page fold: 450px
  • 1024x768: 999px; Page fold: 618px

Above, I showed only two resolutions because you should never design your website for resolutions higher then 1024x768. The majority of users today use either 1024x768 or 800x600 resolutions. If you design for resolutions higher than this, you can guarantee that almost all of your users will have to deal with ugly horizontal scroll bars.
Learn how to design for all screen resolutions.

上面,我只提到两种分辨率,因为你不会为高于1024x768分辨率的显示器设计网站。现在大多数用户显示器的分辨率为1024x768800x600,但如果你想为更高分辨率的显示器设计网站,那么几乎全部用户都要使用水平滚动条了。你可以在网上学习各种分辨率下的网站设计。

That's it!

就是这样!

评论 (0) All

登陆 | 还没注册?