简单介绍CSS3中Media Query的使用

前端技术 2023/09/02 CSS

通过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

兼容性参考

本文地址:https://www.stayed.cn/item/4002

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。