pc适配

作者: singleShadow | 来源:发表于2019-05-21 23:55 被阅读0次
    1. 图片宽度百分比,高度自动
    2. 字体行高不写单位,按当前字体的倍数写
    3. 合理设置媒体查询的断点(以及断点之间可能可以换算的比例)
      断点参考网站 ↓↓↓
      Nixon:
      @media screen and (min-width: 768px)
      @media screen and (min-width: 1024px) 780px;

    Evolution Fresh:
    @media (min-width: 768px)
    @media screen and (min-width: 992px)

    BigDrop:
    @media (min-width: 568px)
    @media (min-width: 768px)
    @media (min-width: 1024px)
    @media (min-width: 1200px)

    Buffalo:
    @media only screen and (min-width: 721px)
    @media screen and (min-width: 961px)
    @media only screen and (min-width: 1601px) and (min-width: 960px)

    Sparkbox:
    @media (min-width: 38em)
    计算某个最小高度使用vh+em

    1. 使用vw和vh

    相关文章

      网友评论

          本文标题:pc适配

          本文链接:https://www.haomeiwen.com/subject/nejezqtx.html