- 圖片寬度百分比逃延,高度自動
- 字體行高不寫單位合住,按當前字體的倍數(shù)寫
- 合理設(shè)置媒體查詢的斷點(以及斷點之間可能可以換算的比例)
斷點參考網(wǎng)站 ↓↓↓
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