简单介绍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教程(8):CSS3透明度指南
Apr 02 HTML / CSS
CSS3教程:新增加的结构伪类
Apr 02 HTML / CSS
CSS3制作Dropdown下拉菜单的方法
Jul 18 HTML / CSS
用CSS3的box-reflect来制作倒影效果
Nov 15 HTML / CSS
css3+伪元素实现鼠标移入时下划线向两边展开的效果
Apr 25 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
Apr 29 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
Jun 25 HTML / CSS
使用HTML5进行SVG矢量图形绘制的入门教程
Feb 19 HTML / CSS
html5 postMessage解决跨域、跨窗口消息传递方案
Dec 20 HTML / CSS
详解html5 postMessage解决跨域通信的问题
Aug 17 HTML / CSS
使用canvas实现雪花飘动效果的示例代码
Mar 30 HTML / CSS
CSS filter 有什么神奇用途
May 25 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
基于mysql的bbs设计(五)
2006/10/09 PHP
ajax缓存问题解决途径
2006/12/06 PHP
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
PHP实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
PHP常用的三种设计模式
2017/02/17 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
jquery实现下拉框多选方法介绍
2017/01/03 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
Python中强大的命令行库click入门教程
2016/12/26 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
Python操作Sql Server 2008数据库的方法详解
2018/05/17 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
运动会跳远加油稿
2014/02/20 职场文书
大学军训感言1000字
2014/02/25 职场文书
学术诚信承诺书
2014/05/26 职场文书
中秋联欢会主持词
2015/07/04 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
python爬虫框架feapde的使用简介
2021/04/20 Python
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA