BLOG
Enjoy when you can, and endure when you must.
JAN 04, 2014/CSS
拥抱灵活的流式布局
为什么使用流式布局流式布局可以满足不同分辨率的需求,特别是如今的移动设备和桌面设备在分辨率或是在视口大小上的差异都非常大,曾经经常使用的固定布局就会受到很大的局限。也许可以从媒体查询入手,不过它也具有局限性。那些仅使用媒体查询来适应不同视口的固定宽度设计,只会从一组CSS媒体查询规则突变到另一组,两者之间没有任何平滑,缺乏友好性。因此需要借助于百分比布局使网页呈现更为灵活,让页面元素根据视口大小在一个又一个媒体查询之间灵活伸缩修正样式。开始尝试通常,我们的设计都会在诸如Photoshop、FireWorks一类的软件中完成,其中度量元素的大小、边距或文字等都会以固定尺寸进行设计和标注。因...
1