時間: 2018-12-09 20:40 閱讀: 次 作者:素材無憂網(wǎng)
發(fā)表文章時,需要上傳圖片,很多內(nèi)容編輯器對圖片的處理是居左顯示的吧.另外,如果是響應式的HTML5網(wǎng)站,還存在一個圖片寬度太寬顯示不全的問題.
這種情況,在后臺上傳圖片時,如下圖,上傳成功后,圖片寬度默認是圖片的真實寬度,可以把他設置為100%,或留空不填,高度也留空不填.
內(nèi)容頁假如這樣寫法
<div class="detail"> 這里是內(nèi)容及圖片</div> |
css樣式可以如下寫法.如果擔心在電腦上瀏覽時,圖片過大撐破頁面,可以增加一個類似這種樣式.max-width:650px
.detail img{ display:block;margin:0 auto;padding:10px; /* max-width:650px */ } /*以下為兼容手機代碼*/ @media(max-width:760px){ .detail img{max-width: 100%;height: auto;width: auto\9;} } |
版權聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 文章內(nèi)容頁圖片自動居中,自適應手機,寬度100%
本站轉(zhuǎn)載作品版權歸原作者及來源網(wǎng)站所有,原創(chuàng)內(nèi)容作品版權歸作者所有,任何內(nèi)容轉(zhuǎn)載、商業(yè)用途等均須聯(lián)系原作者并注明來源。相關侵權、舉報、投訴及建議等,請發(fā)E-mail:[email protected]
Copyright © 2002-2011 滕州素材無憂網(wǎng)絡科技有限公司 版權所有nbsp; 魯ICP備16003892號-6魯公網(wǎng)安備37048102006483號