响应式布局、手机设备站

@-ms-viewport,
@viewport {
width: device-width;
}

用于适配不同屏幕，因为在IE10的捕捉模式（snap mode）下，Windows 8 Metro模式下的一个特性，可以将浏览器拖至屏幕的左端或右端，同时使用两个窗口。奇怪的是， 要解决这个问题，开发者就要使用上面介绍的device-width方法，或者在media query里面使用@viewport规则。

与minimum-scale, maximum-scale对应的描述符是max-zoom, min-zoom。zoom相当于initial-sacale，类似：

@viewport {
   width: device-width; 
   max-zoom: 3; 
   min-zoom: 0.50; 
}

其实就是<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>的CSS化

响应式布局、手机设备站

原文：http://www.cnblogs.com/mlwArea/p/4337113.html