游客

标题:详解：CSS3 响应式布局 Media Queries 媒体查询
正文:
css3 响应式布局定义响应式:就是根据不同设备,或者设备不同分辨率,动态给出对应的样式变化响应不同的设备涉及到 css 中的 Media Queries ,这个词组被译为 “媒体查询”Media Queries 用法如下:<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />或者另外一种引入css 文件的方法<style type="text/css" media="screen"> @import url("css/style.css"); </style>上面都直接在引用的 css 文件引用中使用 media 标识media 标识是什么通常来讲,media 是指设备类型 media_type 对应的有下面几种 all 所有设备 aural 听觉设备 braille 点字触觉设备 handled 便携设备,如 手机,平板电脑 print 打印预览图等 projection 投影设备 screen 显示器,笔记本,移动端等设备 tty 如打字机或终端等设备 tv 电视机等设备 embossed 盲文打印机 所以,我们在上面的 style 文件中定义了 media_type="screen"就是指当你的设备是 显示器,笔记本,移动端的时候,加载此 css 样式文件Media Queries 的另外一种用法:在样式定义时,指定 Media type 类型@media screen and (max-wi
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页