按理說(shuō)響應(yīng)式網(wǎng)站用帝國(guó)cms都會(huì)遇到這個(gè)問(wèn)題,但網(wǎng)上卻沒(méi)個(gè)像樣的解決方法,網(wǎng)上的方法大致分為兩個(gè),一個(gè)是針對(duì)編輯器,一個(gè)是用第三方插件。
針對(duì)編輯器的:帝國(guó)CMS編輯器fckeditor修改:讓圖片自動(dòng)固定高度,高度適應(yīng)!
用第三方插件的:如何防止帝國(guó)CMS的內(nèi)容頁(yè)里因?yàn)閳D片太大而撐大表格?
上面兩個(gè)方法都不科學(xué),我的解決方法如下:
大家習(xí)慣性都是上傳圖片點(diǎn)確定,這樣上傳的圖片在源代碼里看是有固定尺寸的,這個(gè)固定尺寸就是阻止你做圖片自適應(yīng)的難點(diǎn),其實(shí)尺寸可以不填為空的,照樣可以上傳圖片,而且上傳的圖片在源代碼里看<img>標(biāo)簽里沒(méi)有限定寬高,如果你上傳圖片的時(shí)候沒(méi)有填尺寸,那就給內(nèi)容頁(yè)圖片寫上如下樣式:
max-width: 100%; height: auto;
如果你上傳圖片時(shí)沒(méi)管尺寸點(diǎn)了確定,那就在上面的樣式后面加上!important
max-width: 100%!important; height: auto!important;
建議大家加!important吧,因?yàn)槿绻恼轮械膱D片比較多的話,每上傳一個(gè)圖片都刪尺寸有點(diǎn)浪費(fèi)時(shí)間。
版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請(qǐng)注明: 帝國(guó)cms內(nèi)容頁(yè)圖片如何自適應(yīng)方法