<p class="zw">首先，与其他同类设备相比，iPad具有不同的尺寸和配置，改变了很多人对于电脑的认知。平板电脑可以做很多事情，但我最常用它来展示响应式以及横竖屏下的布局改变。我有时候会在项目结束后用它来给客户演示效果。当我们纵向拿着iPad（或者在低分辨率显示器下看）的时候，单列显示Get Hardboiled网站首页的内容就很有必要了。因为它充分利用了空间，文字读起来也会很舒服。</p> <p class="图"><img alt="2001.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/257.jpg"></p> <p class="图题">单列显示在iPad竖屏时效果很好。</p> <p class="图"><img alt="2002.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/258.jpg"></p> <p class="图题">两列相对窄些的内容在iPad横屏时更具可读性。</p> <p class="zw">将iPad变成横屏（或使用更大的显示器），单列的显示看起来并不合适，因为现在一行的长度阅读起来很不舒服。为了提高横向的阅读体验，我们将使用两列，并将它变得相对窄一些。</p> <p class="zw">如果布局可以自动改变列的数量从而优化用户的阅读体验，是不是很难以置信？使用CSS多列布局，就可以做到。</p> </blockquote>
