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;
文章標籤
創作者介紹
創作者 READY sharing 的頭像
READY sharing

Ready sharing

READY sharing 發表在 痞客邦 留言(0) 人氣()