读书频道 > web开发 > 其他综合 > 学习响应式设计
1.2.1 固定宽度设计
2015-05-08 13:51:46     我来说两句 
收藏    我要投稿   

本文所属图书 > 学习响应式设计

本书分为四部分,全面介绍响应式Web 设计策略与技术,引领大家掌握从项目立项到网站上线的响应式设计工作流程。第一部分介绍响应式设计及其与其他网页设计方法的区别。第二部分概述构建响应式站点的基础知识、必  立即去当当网订购
1.2 简史
 
在学习响应式设计是如何产生的之前,了解一点网页设计的历史是有帮助的。
 
1.2.1 固定宽度设计
 
几年以前,网站是被设计成固定宽度的,以便很好地适配最常见尺寸的台式机和笔记本的屏幕。在2000 年,这意味着设计的屏幕宽度是800 像素(一个像素是屏幕上一个彩色发光的小点),到2005 年前后,大多数显示器是1024 像素宽。
 
尽管大多数显示器通常就是那几种固定的尺寸,但市场上还存在一些更宽的显示器,也有些老式的窄屏显示器仍在使用。网页设计师希望他们的设计在所有显示器上看起来都完全相同,所以他们通常会设计一个固定宽度的网站以适应最常见的显示器尺寸,如960 像素宽的网站在1024 像素宽的屏幕上无疑是适合的。在更大的屏幕上,网站则会简单地以空区域(设计术语为空白)来填充两边的额外空间,如图1-4 所示。
 
 
这种固定宽度的设计如今仍是相当普遍的。
 
流动设计(fluid design)和流式布局(liquid layout)的想法在21 世纪初吸引了不少注意力。这些技术所采用的基于百分比的宽度使得设计的网页能以流式方式适应屏幕的宽度。因此它可以充分利用大屏幕的可用空间。尽管这在理论上听起来不错,但这种放弃对宽度控制的设计最终意味着,在宽屏幕上网站将变得超级宽而且栏目分得非常开,这令大多数Web 设计师仍然坚持使用更容易处理的固定宽度的设计。
点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.1 一点儿基础
下一篇:1.2.2 移动Web浏览
相关文章
图文推荐
3.2 Windows 7设置
3.1 DNS解析
2.3 HTTP协议
2.2 TCP/IP协议与So
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站