简单介绍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制作文字半透明倒影效果的两种实现方式
Aug 08 HTML / CSS
纯css3实现走马灯效果
Dec 26 HTML / CSS
CSS3中使用RGBa来调节透明度的教程
May 09 HTML / CSS
CSS3 animation实现简易幻灯片轮播特效
Sep 27 HTML / CSS
浅谈CSS3 动画卡顿解决方案
Jan 02 HTML / CSS
使用CSS3制作版头动画效果
Dec 24 HTML / CSS
HTML5网页音乐播放器的示例代码
Nov 09 HTML / CSS
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
Jun 03 HTML / CSS
基于HTML5 Canvas:字符串,路径,背景,图片的详解
May 09 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
HTML5+CSS3实现机器猫
Oct 17 HTML / CSS
canvas线条的属性详解
Mar 27 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使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
js获取当前页面路径示例讲解
2014/01/08 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
浅谈React 属性和状态的一些总结
2016/11/21 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
python中的列表推导浅析
2014/04/26 Python
Python创建模块及模块导入的方法
2015/05/27 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
python opencv肤色检测的实现示例
2020/12/21 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
博士研究生自我鉴定范文
2013/12/04 职场文书
公司管理建议书范文
2014/03/12 职场文书
投资合作协议书
2014/04/17 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
暑期工社会实践报告
2015/07/13 职场文书
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL