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;
文章標籤
全站熱搜
創作者介紹

Ray Wang 發表在 痞客邦 留言(0) 人氣(153)