简单介绍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教程(3):border-color网页边框色彩
Apr 02 HTML / CSS
CSS3的文字阴影—text-shadow的使用方法
Dec 25 HTML / CSS
CSS3 text shadow字体阴影效果
Jan 08 HTML / CSS
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
Aug 15 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
Apr 07 HTML / CSS
CSS3 实现弹跳的小球动画
Oct 26 HTML / CSS
html5自带表单验证体验优化及提示气泡修改功能
Sep 12 HTML / CSS
html5 input元素新特性_动力节点Java学院整理
Jul 06 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
Oct 14 HTML / CSS
h5调用摄像头的实现方法
Jun 01 HTML / CSS
CSS 伪元素::marker详解
Jun 26 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简单静态页生成过程
2008/03/27 PHP
php中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
Apache启动报错No space left on device: AH00023该怎么解决
2015/10/16 PHP
PHP基于单例模式编写PDO类的方法
2016/09/13 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
jQuery模拟原生态App上拉刷新下拉加载更多页面及原理
2015/08/10 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
webpack4 + react 搭建多页面应用示例
2018/08/03 Javascript
浅谈在vue中使用mint-ui swipe遇到的问题
2018/09/27 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
Python中的localtime()方法使用详解
2015/05/22 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
Python图像处理之直线和曲线的拟合与绘制【curve_fit()应用】
2018/12/26 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
Linux文件系统类型
2012/09/16 面试题
美术师范毕业生自荐信
2013/11/16 职场文书
仓库规划计划书
2014/04/28 职场文书
授权委托书(完整版)
2014/09/10 职场文书
2016年“6.26”禁毒宣传月系列活动总结
2016/04/05 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
javascript数组includes、reduce的基本使用
2021/07/02 Javascript
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB