好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS:使用CSS媒体查询创建响应式布局-McBye

现如今在Web前端领域,BootStrap是一个最流行的UI库,其12列的栅栏系统为响应式布局提供了一种对程序员来说很好操作的模式。

  追究Bootstrap的内在原理,其实就是通过媒体查询来完成对不同屏幕大小、不同分辨率、不同设备导致的不同场景下的Css样式的选择。今天我就对媒体查询这一工具或者说方法来进行一个总结。

  从 CSS 版本 2 开始,就可以通过媒体类型在 CSS 中获得媒体支持。

  1、如何使用媒体查询:

   link   rel  ="stylesheet"   type  ="text/css"   href  ="site.css"   media  ="screen"   /> 
   link   rel  ="stylesheet"   type  ="text/css"   href  ="print.css"   media  ="print"   />  

查看更多关于CSS:使用CSS媒体查询创建响应式布局-McBye的详细内容...

  阅读:33次