小知識點整理

1、img一般要設定display：block，解決空白問題；

2、移動端H5，圖檔自适應問題，寬與高，用大值除以小值，獲得的值設定父元素DIV的padding-top；

 <div class="topic"><img src="p_w_picpaths/topic.jpg" alt="資源開放說明與進駐登記"></div>

.topic{position:relative;padding-top:177.5%;background-color:#891f35;}

    .topic img{position:absolute;left:0;top:0;width:100%;height:100%;}

上面是為了圖檔還沒加載出來時，先占位，而且設定一個跟圖檔差不多的背景顔色。記得圖檔的alt屬性還是寫上較好;

3、移動端H5，width與heigh，font-size的設定，參考設計圖的數字/2；切圖時切偶數值；

<div class="title">一站式滿足家長求助、求知、社交需求</div>

.platform .title{margin:0 auto 1em auto;width:247px;height:31px;background:url(p_w_picpaths/title-bg.png) 0 0 no-repeat;background-size:contain;

        font-size:13px;text-align:center;line-height:31px;

    }

設定DIV的寬高為背景圖檔的一半，使用background-size:contain（把圖像圖像擴充至最大尺寸，以使其寬度和高度完全适應内容區域。）