帝國cms內(nèi)容頁圖片自適應(yīng)大小方法 通過css簡(jiǎn)單實(shí)現(xiàn)
本文是通過css的方法來實(shí)現(xiàn)帝國cms模板在發(fā)布文章的時(shí)候內(nèi)容頁實(shí)現(xiàn)圖片自適應(yīng)大小的方法。
標(biāo)簽：內(nèi)容頁圖片 自適應(yīng)大小
很多站長在使用帝國cms模板的時(shí)候有沒有發(fā)現(xiàn)圖片有時(shí)候會(huì)撐破，或者手機(jī)站圖片撐破變形。下面講到的方法就是用來解決圖片此類問題的。
方法其實(shí)很簡(jiǎn)單，只需要在內(nèi)容頁內(nèi)容的css樣式加入對(duì)圖片的高寬度處理就可以了。
max-width: 100%!important;
height: auto!important;
比如如果內(nèi)容頁控制塊的樣式是context，哪么樣式就是：
.context img {max-width: 100%!important; height: auto!important;}
這樣不管你有沒有給圖片加尺寸，都會(huì)自動(dòng)適應(yīng)。
以上就是帝國cms內(nèi)容頁圖片自適應(yīng)大小方法。
標(biāo)簽：內(nèi)容頁圖片 自適應(yīng)大小
版權(quán)聲明：
本站所有文章和圖片均來自用戶分享和網(wǎng)絡(luò)收集，文章和圖片版權(quán)歸原作者及原出處所有，僅供學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途，如果損害了您的權(quán)利，請(qǐng)聯(lián)系網(wǎng)站客服處理。
