简单介绍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 相关文章推荐
详解css3 mask遮罩实现一些特效
Oct 24 HTML / CSS
目前不被任何主流浏览器支持的CSS3属性汇总
Jul 21 HTML / CSS
基于CSS3实现的漂亮Menu菜单效果代码
Sep 10 HTML / CSS
浅谈css3中的渐进增强和优雅降级
Dec 01 HTML / CSS
html5文字阴影效果text-shadow使用示例
Jul 25 HTML / CSS
使用HTML5的File实现base64和图片的互转
Aug 01 HTML / CSS
为你的html5网页添加音效示例
Apr 03 HTML / CSS
html5菜单折纸效果
Apr 22 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
Jul 02 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
Sep 12 HTML / CSS
HTML+CSS实现导航条下拉菜单的示例代码
Aug 02 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.ini 中文版
2006/10/28 PHP
php类中private属性继承问题分析
2012/11/01 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
JavaScript 自动完成脚本整理(33个)
2009/10/20 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
JS执行删除前的判断代码
2014/02/18 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
详解JavaScript的Date对象(制作简易钟表)
2020/04/07 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
JavaScript数组类型Array相关的属性与方法详解
2020/09/08 Javascript
python黑魔法之编码转换
2016/01/25 Python
遍历python字典几种方法总结(推荐)
2016/09/11 Python
python制作websocket服务器实例分享
2016/11/20 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
python使用Tkinter实现在线音乐播放器
2018/01/30 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
使用Fabric自动化部署Django项目的实现
2019/09/27 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
Python网络爬虫信息提取mooc代码实例
2020/03/06 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
python递归函数用法详解
2020/10/26 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
职业规划书如何设计?
2014/01/09 职场文书
护理职业生涯规划书
2014/01/24 职场文书
业务总经理岗位职责
2014/02/03 职场文书
校园新闻广播稿5篇
2014/10/10 职场文书
销售工作决心书
2015/02/04 职场文书
2015年前台个人工作总结
2015/04/03 职场文书
离婚案件答辩状
2015/05/22 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技