简单介绍CSS3中Media Query的使用


Posted in HTML / CSS onJuly 07, 2015

通过Media Query 媒体查询可以针对符合相应条件的媒体设置特定的样式。
引入方式

引入媒体查询的方式有两种。
link 方式引入

CSS Code复制内容到剪贴板
  1. <link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" />  

css 中引入

CSS Code复制内容到剪贴板
  1. @media screen and (max-width600px) {   
  2.   选择器 {   
  3.     属性:属性值;   
  4.   }   
  5. }  

常见的 Media Query

简单介绍CSS3中Media Query的使用

兼容性参考

HTML / CSS 相关文章推荐
10 套华丽的CSS3 按钮小结
Oct 03 HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
Apr 25 HTML / CSS
CSS3区域模块region相关编写示例
Aug 28 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
Aug 24 HTML / CSS
使用html2canvas实现浏览器截图的示例代码
Jan 26 HTML / CSS
前端canvas动画如何转成mp4视频的方法
Jun 17 HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
Apr 01 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
Jun 25 HTML / CSS
HTML5制作表格样式
Nov 15 HTML / CSS
移动端Html5页面生成图片解决方案
Aug 07 HTML / CSS
CSS中垂直居中的简单实现方法
Jul 06 #HTML / CSS
CSS实现定位元素居中的方法
Jun 23 #HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
Jun 23 #HTML / CSS
使用CSS3制作饼状旋转载入效果的实例
Jun 23 #HTML / CSS
利用CSS3实现圆角的outline效果的教程
Jun 05 #HTML / CSS
浅析与CSS3的loading动画加载相关的transition优化
May 18 #HTML / CSS
CSS+jQuery+PHP+MySQL实现的在线答题功能
Apr 25 #HTML / CSS
You might like
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
基于PHP制作验证码
2016/10/12 PHP
accesskey 提交
2006/06/26 Javascript
JavaScript 密码强度判断代码
2009/09/05 Javascript
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
vue.js指令和组件详细介绍及实例
2017/04/06 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
Angular封装搜索框组件操作示例
2019/04/25 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
详解JavaScript 异步编程
2020/07/13 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
python中单下划线_的常见用法总结
2018/07/10 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python如何随机生成高强度密码
2020/08/19 Python
Python timeit模块原理及使用方法
2020/10/10 Python
纯CSS改变webkit内核浏览器的滚动条样式
2014/04/17 HTML / CSS
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
回门宴父母答谢词
2014/01/26 职场文书
读书小明星事迹材料
2014/05/03 职场文书
品牌推广活动策划方案
2014/08/19 职场文书
119消防日活动总结
2014/08/29 职场文书
认错检讨书
2014/10/02 职场文书
python读取并查看npz/npy文件数据以及数据显示方法
2022/04/14 Python