响应式设计

2014-09-01
  • 653
  • 0
             互联网时代,手机、平板、PC一个都不能少。那么做为一个网页设计,如何适应页面在这三种界面上的呈现,就尤为关键了。
             一、为何响应式设计如此重要?
                      现在有21亿移动宽带订购量,87%的成年人拥有手机,这其中又有90%的人是用来上网的。
                      55%的人使用手机上网,其中31%的人使用手机上网的频率超过电脑或其它设备。消费者平均每天花费大量的时间用于上网。有一半多的用户使用手机是为了在线获取新闻。最重要的一点是74%的人会放弃一个加载时间超过5秒的网站。
             二、响应式网站剖析
                     1、液态网格:一种基于百分比的设计使其适应相应的屏幕尺寸。
                     2、弹性图片:图片尺寸使用相对单位,防止显示超出其包含容器的元素。
                     3、媒体查询:一种根据显示用浏览器的尺寸大小将不同CSS规则应用在页面上的方法。
             在这个HTML5高速发展成熟的时代,响应式设计已经相当重要,它会给网站流量带来一定的提升。