zoukankan      html  css  js  c++  java
  • @media媒体查询

    @media媒体查询

    @media screen and (min-640px) and (max-1920px){/*当屏幕尺寸大于640px时与小于1920时*/
      .public_banner_month{padding-top:4%;}
    }
    @media screen and (max- 370px){ /*当屏幕尺寸小于370px时*/
      .public_banner_month{padding-top:1%;}
    }

     另一种方式:

    一种是直接在link中判断设备的尺寸,然后引用不同的css文件

    <link rel="stylesheet" type="text/css" href="style.css" media="screen and (min- 370px)">

     上面的意思是当屏幕的宽度大于等于400px的时候,应用style.css

    附件:

    https://blog.csdn.net/lockey23/article/details/75452536

    https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Media_queries

  • 相关阅读:
    每日总结19
    每日博客
    每日博客
    每日博客
    每日博客
    今日收获
    python 基础学习
    python 基础学习
    python 基本语法学习
    【Rust】格式化Formatting
  • 原文地址:https://www.cnblogs.com/huanghuali/p/10039781.html
Copyright © 2011-2022 走看看