app store不停要求验证:自适应css布局——流动布局新时代(3)

来源：百度文库 编辑：中财网 时间：2024/04/29 11:50:49

二、自适应内容

该流动设计另外一个常见问题是：尽管它们适应很多分辨率的屏幕，但如果分辨率太小（如手机或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 用这些样式提供了一个完美的例子。

优点

  1. 设计者可以更精确的看到，在不同分辨率屏幕下，其设计是什么样子；
  2. 无论是在什么平台上查看，其更好的遵守了间距和平衡的设计原则；
  3. 完美的处理了最小和最大分辨率。
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版 键盘布局。 四合院的布局 钢铁公司网络布局？ 室内布局讲究~?