首先,与其他同类设备相比,iPad具有不同的尺寸和配置,改变了很多人对于电脑的认知。平板电脑可以做很多事情,但我最常用它来展示响应式以及横竖屏下的布局改变。我有时候会在项目结束后用它来给客户演示效果。当我们纵向拿着iPad(或者在低分辨率显示器下看)的时候,单列显示Get Hardboiled网站首页的内容就很有必要了。因为它充分利用了空间,文字读起来也会很舒服。
单列显示在iPad竖屏时效果很好。
两列相对窄些的内容在iPad横屏时更具可读性。
将iPad变成横屏(或使用更大的显示器),单列的显示看起来并不合适,因为现在一行的长度阅读起来很不舒服。为了提高横向的阅读体验,我们将使用两列,并将它变得相对窄一些。
如果布局可以自动改变列的数量从而优化用户的阅读体验,是不是很难以置信?使用CSS多列布局,就可以做到。