圖片也要阻止他出現X軸
width:100% //會隨著父元素做伸縮，body全螢幕，照片就全螢幕（缺點是超過圖片像素）
max-width:100% //最大就照片原始的大小，不會有圖片太大的情況- reset必做
max-width:100%
height:auto
使用者可能也會上傳圖片，但要阻止他上傳太大的圖片導致X軸，所以就用這種方式也
- 盡量做大張一點的圖片（約600px）
- 一般的photo會的高，會因為寬度而縮放（愈寬愈高）。如果不想要這樣，可以把它寫在header背景裡面。
- 圖片壓縮：圖片的容量占了網頁loading快要一半以上
可以用typingpng去壓縮
沒有留言:
張貼留言