close
RWD時:
1.pc樣式到手機樣式需改成float:none再把目標元素寬度改為100%
手機斷點568px
2.把media quary放在所有元件的下方,每個斷點放一個就好,
3.pc時可以寫死高度,但自適應延伸到手機或其他斷點時要用height:auto
4.響應式圖片設計方法
(1).width:100%父元素多大就可以多大張,缺點是放大圖片可能糊掉,
(2).max-width:100%向內縮時圖片也會向內縮,可保有原本寬度,
5.響應式圖片reset,除了meylweb再加上max-width:100% height:auto;
文章標籤
全站熱搜