响应式网站设计中如何创建流动布局
●如何创建流动布局
在流动布局中，度量的单位不再是像素，而是变成可变的特性。你可以设计一个占容器宽度60K I百分比， 这样可使页面具有的内容栏、一个占容器宽度30的➢注意Gillenwate边栏，以及一个占容器宽度10%的分隔区域。采用这种方个点意味着你不用分类中称;收器，因为元素的宽度会根据浏览器窗口的宽度自动进行调题。
流动布局的设计可以避免许多会在困定布局中遇到的问题，例如，在大多教情流动布局况下，流动布局中都不会出现水平滚动条。由于站点可以根据测览8食防9度来自动调节自身宽度，因此站点将可以充分利用并适应各种大小的可用空间，从而也就避免了在使用大屏幕设备浏览固定布局时，人们所不愿见到的大片空白出现。
同时，在实施诸如媒介查询、针对不同分辨率优化样式这样的响应式策略时，流动布局能使这些策略更容易实现(我们会在后面对此做详细的介绍)。由于没有那么多的问题需要修复，所以需要写的CSS也相对较少。但是，单独使用流动布局这一种方法依然不足以保证所有元素在从手机到电视机等一系列设备都能保持良好的效果。因为有些文本的行宽在大屏幕上看起来会太宽，而在小屏幕上又看起来太窄。流动布局仅仅是个开始。
相关新闻
