设备响应性CSS

时间：2014-7-24

  在以前的网站建设知识学习中,IE9及其以上版本和所有其他主流现代浏览器中都含有媒体查询.与设备尺寸相关的媒体特性被实施得最为广泛.resolution媒体特性在IE10,Firefox和Opera中被实现,并于2012年底被实施于WebKit内核,所以它正逐渐应用于基于WebKit的浏览器.
  在此之前,dppx单元应该已被 用于所有现代浏览器和IE浏览器,而devicePixelRadio应该被用于Webkit,Opera和Firefox.
  @viewpoint at-rule在Opera,IE10和WebKit中并分别使用每家厂商的前缀.matchM恩典API在IE10和所有其他现代浏览器中,但没有包含在Android2.3及以下版本中.
  CSS的box-sizing属性在所有的浏览器中,虽然它在Firefox和3.0及以上版本的Android中需要一个厂商前缀,只有Firefox支持padding-box的值,calc()值函数在IE9以及版本,Firefox和桌面WebKit浏览器,以及6.0及以上版本的移动Safari中,但它不在Android或Opera中,而且在其他移动版WebKit浏览器中,它需要-webkit-前缀.
  与视角相关的长度单位-vh和vw等-在IE9和IE10,Firefox,以及除了Android之外的大多数WebKit浏览器中,但是它不在Opera中,rem单元在IE9及以上版本,以及所有其他主流浏览器中.