- 图片宽度百分比,高度自动
- 字体行高不写单位,按当前字体的倍数写
- 合理设置媒体查询的断点(以及断点之间可能可以换算的比例)
断点参考网站 ↓↓↓
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
- 使用vw和vh
网友评论