简单介绍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的如何使用内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例