简单介绍CSS3中Media Query的如何使用

春天来了,花园里开满了花,有梅花,有迎春花,有山茶花,有丁香花,真是太好看了。

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

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

CSS Code复制内容到剪贴板
  1. <linkrel="stylesheet"media="screenand(max-width:600px)"rel="nofollow noopener noreferrer" href="small.css"/>

css 中引入

CSS Code复制内容到剪贴板
  1. @mediascreenand(max-width:600px){
  2. 选择器{
  3. 属性:属性值;
  4. }
  5. }

常见的 Media Query

兼容性参考

到此这篇关于简单介绍CSS3中Media Query的如何使用就介绍到这了。一个人身边没有人,就容易寂寞。但一个人心里没有人,才会空虚。更多相关简单介绍CSS3中Media Query的如何使用内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

标签: Media