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

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

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

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

img {

border: 0;

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

display: block;

}
這樣也有一個問題，全部手機站里的圖片寬度都成width:100%了。
可以通過外圍div的class精確控制。
比如：
<div class='test'>
<img src='手機站展示的圖片路徑'/>
</div>
則可以這樣定義：
.test img{width: 100% !important; height:auto !important;}
上面的!important表示強調優(yōu)先級別。因為有些圖片格式是自帶寬高限制的。
完美。。

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

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

網(wǎng)頁標題：圖片在手機上無法自適應顯示該怎么辦【解決方案】-創(chuàng)新互聯(lián)
鏈接地址：http://aaarwkj.com/article36/csoepg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、網(wǎng)站改版、手機網(wǎng)站建設、面包屑導航、App開發(fā)、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)