重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
今天春哥技術(shù)博客的一個粉絲朋友向春哥請教說,他自己做了一個網(wǎng)站,但是圖片手機端不能自適應(yīng),很不美觀,叫春哥幫忙看看。
創(chuàng)新互聯(lián),為您提供重慶網(wǎng)站建設(shè)、網(wǎng)站制作公司、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計,對服務(wù)工商代辦等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗。創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報價服務(wù),我們深知市場的競爭激烈,認真對待每位客戶,為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進步,是我們永遠的責(zé)任!
經(jīng)過春哥研究發(fā)現(xiàn),問題其實很簡單。
找到對應(yīng)的CSS文件。將圖片的寬度屬性設(shè)為100%即可,至此問題解決。
img {
border: 0;
width: 100%;【此為春哥多加的一條】
display: block;
}
這樣也有一個問題,全部手機站里的圖片寬度都成width:100%了。
可以通過外圍div的class精確控制。
比如:
本文出自春哥技術(shù)博客官網(wǎng),未經(jīng)允許不得轉(zhuǎn)載,謝謝!