1. 程式人生 > >web前端技巧記錄

web前端技巧記錄

1:怎麼讓圖片平鋪 傳進來的圖片自適應這個div?

html中


<div id="bo">

<img src="imgs/1.jpg">

</div>

css中


#bo{

display:inline-block;

width:100%;/*圖片自適應的父容器的寬*/

height:100%;/*圖片自適應的父容器的高*/

}

#bo img{

width:100%;

height:100%;

 

}

或者overflow標籤  的auto或者hidden屬性

2:最外層設定絕對寬度 --》 防止改變瀏覽器頁面大小變形

  css自適應:利用的media屬性

  img標籤預設有1px邊框,可以把他處理掉