名宿和酒店的区别:自适应css布局——流动布局新时代(3)
来源:百度文库 编辑:偶看新闻 时间:2024/05/22 00:15:52
二、自适应内容
该流动设计另外一个常见问题是:尽管它们适应很多分辨率的屏幕,但如果分辨率太小(如手机或PDA)或超大,看上去就有点滑稽了。在分辨率为240的PDA屏幕上一个三栏布局看起来非常混乱。
为了解决这个问题,我们可以使用一项技巧使内容自适应特定范围的分辨率屏幕。幸运的是,我们可以利用上面的技术来保持我们的比例,然后增加该项技术以得到更好的可用性。
自适应内容流动布局
大多数流动布局在分辨率为800×600的屏幕中看起来很大很宽--高达1280px。但是,我们可以稍稍突破一下,针对800px-1024px、1024px-1280px、1280px以上的屏幕定制略微不同的布局。同样,也可为640px-800px、320px-640px、240px-320px、240px以下的屏幕自定义调整。
The Man in Blue曾使用过这样的技巧。
上面的例子有两个单独的样式:一个针对分辨率超过800px的屏幕;一个针对分辨率小于800px的屏幕。
这种技巧用不同风格的布局取更好的适应不同分辨率的屏幕。Marc Van Den Dobblesteen’s layout example, Switchy McLayout 用这些样式提供了一个完美的例子。
优点
- 设计者可以更精确的看到,在不同分辨率屏幕下,其设计是什么样子;
- 无论是在什么平台上查看,其更好的遵守了间距和平衡的设计原则;
- 完美的处理了最小和最大分辨率。
Div+CSS布局
谁知道css把整个网页布局居中?
采用DIV+CSS布局的好处
采用DIV+CSS布局的好处
怎么使用DIV+CSS布局网页
css 三列布局问题,请教大师~
网页布局是用CSS好还是用TABLE好??二者在布局上各有什么优劣?
CSS里面怎么设置网页的布局结构?
Css高手进,关于<div>页面布局!~
什么是布局
球场布局?
网页布局
Div布局?
“新布局”作者是谁?有什么历史作用?
打倒新布局作者是谁?有什么历史作用?
用DIV+CSS布局网站有没有好用的工具?
制作网页中,什么时候应该用DIV+CSS布局呢?有例子么?
请问dx学习css的好论坛或网站,学习新一代网页布局css+div的网站和论坛
怎样让文字与布局单元格的底线对齐——网页制作
怎样让文字与布局单元格的底线对齐——网页制作
Windows无法正确加载 中文(中国)—王码五笔型输入法86版 键盘布局。
四合院的布局
钢铁公司网络布局?
室内布局讲究~?