媒体查询

tommoq

于 2020-12-29 10:42:31 发布

阅读量61

点赞数

分类专栏： html_css 文章标签：前端

本文链接：https://blog.csdn.net/weixin_47198950/article/details/111881908

版权

html_css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

媒体查询技术

<html>
<head>
   <style>
   <body>
      //大屏显示
      @media screen and (min-width:992px){
            p{color:#faf}
      }
      //中屏显示
      @media screen and (min-width:769px) and (max-width:991px) {
           p{color:#aaf}
      }
      //小屏显示
      @media screen and (max-width:768px) {
          p{color:#00f}
      }
   </style>
</head>
<body>
   <p>发生了地方就是 </p>
<body>
</html>

tommoq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
媒体查询

媒体查询技术<html><head> <style> <body> //大屏显示 @media screen and (min-width:992px){ p{color:#faf} } //中屏显示 @media screen and (min-width:769px) and (max-width:991px) { p{color:#a
复制链接

扫一扫