为什么响应式设计需要百分比布局?

发布日期:2015-07-27 23:21:23
在认识到媒体查询威力无比的同时.我们也要看到它的局限性。那些仅使用媒体查询来适应不同视口的固定宽度设计,只会从一组C53媒体查询规则突变到另一组.两者之间没有任何平滑渐变。从我们在第2章的例子来看.当某个视口处于媒体查询设置的固定宽度范围之外〔可能是某种未知的未来设备及视口).网页就需要水平滚动才能完整浏览。
不过我们想要的是一个灵活的设计.能在所有视口中都完美显示,而不仅仅只针对媒体查询设定的一些固定视口。切入主题吧(看出来我在这抖的包袱了吗?我用了一句电影行话来搭配我们的电影主题的网站没看懂?好冷啊,我去穿件外套,我们需要将固定像素布局转换成灵活的百分比布局。这样才能让页面元素根据视口大小在一个又一个媒体查询之间灵活伸缩修正样式。
在可预见的未来,你看到的和制作的网页都还会使用固定尺寸。

 
当前,我们通常是在,Phofoshop, Fireworks等软件制作的设计图中(基于像素单位)度量元素的大小、外边距,然后将这些尺寸直接写进CSS代码中。文字大小也是这样设置的。我们在图片编辑软件代码。

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计