中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

如何利用CSS自動調(diào)整圖片的大小

2018-11-01    來源:學做網(wǎng)站論壇

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

經(jīng)常更換wordpress主題,會有一個困擾,就是之前主題的內(nèi)容區(qū)域?qū)挾缺容^大,很多正文圖片的尺寸可能是500px,而換了一個主題,內(nèi)容區(qū)域的寬度比較小,假設(shè)是400px, 這時原先的圖片寬度都是500px,這樣就會撐大整個容器,造成頁面布局混亂。

如何文章中的圖片尺寸

下面介紹的CSS知識是利用CSS等比例縮小圖片,這樣就可以完美的顯示在你的新主題上了。(如果你不了解CSS,請學習CSS視頻教程)

首先找到內(nèi)容區(qū)域的樣式,一般是.entry這個類,在style.css中增加以下代碼就可以搞定了,方法如下:

.entry img {max-width: 400px}
.entry img {
zoom:expression( function(elm) {
if (elm.width>400) {
var oldVW = elm.width; elm.width=400;
elm.height = elm.height*(400 /oldVW);
}
elm.style.zoom = '1';
}(this));
}

根據(jù)你的主題內(nèi)容區(qū)域的實際尺寸來設(shè)定圖片最大寬度,只要小于等于這個寬度即可。將所有出現(xiàn)400px的地方改成你的寬度就好了。

標簽: 代碼

版權(quán)申明:本站文章部分自網(wǎng)絡,如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:WordPress網(wǎng)站添加彩色標簽(標簽云)效果

下一篇:一個好的網(wǎng)站模板是一個網(wǎng)站基礎(chǔ)