pc适配

2019-05-21  本文已影响0人  singleShadow
  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
上一篇下一篇

猜你喜欢

热点阅读