前端理解整理：响应式布局的理解

响应式布局： 一个网站的设计可以适应不同分辨率的设备，而不是一个固定的网页，为不同的终端用户提供舒适的界面和更好的用户体验。

Media Query是制作响应式布局的一个利器。可以设置不同设备，最大最小宽度，设备分辨率和手持方向等等。

最后对于在IE浏览器中不支持media query的情况，我们可以使用Media Query JavaScript来解决，只需要在页面头部引用css3-mediaqueries.js即可。示例：

　　<！--［if lt IE 9］>

　　<script src=“

　　</script> <！［endif］-->

即ie中利用hack技术，Media Query JavaScript的引入来解决不支持的现象。