今天春哥技術(shù)博客的一個(gè)粉絲朋友向春哥請教說，他自己做了一個(gè)網(wǎng)站，但是圖片手機(jī)端不能自適應(yīng)，很不美觀，叫春哥幫忙看看。

黑龍江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

經(jīng)過春哥研究發(fā)現(xiàn)，問題其實(shí)很簡單。

找到對應(yīng)的CSS文件。將圖片的寬度屬性設(shè)為100%即可，至此問題解決。

img {

border: 0;

width: 100%;【此為春哥多加的一條】

display: block;

}
這樣也有一個(gè)問題，全部手機(jī)站里的圖片寬度都成width:100%了。
可以通過外圍div的class精確控制。
比如：

則可以這樣定義：
.test img{width: 100% !important; height:auto !important;}
上面的!important表示強(qiáng)調(diào)優(yōu)先級(jí)別。因?yàn)橛行﹫D片格式是自帶寬高限制的。
完美。。

本文出自春哥技術(shù)博客官網(wǎng)，未經(jīng)允許不得轉(zhuǎn)載，謝謝！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：圖片在手機(jī)上無法自適應(yīng)顯示該怎么辦【解決方案】-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://weahome.cn/article/csoepg.html