让网站运营更简单

让搜索引擎更喜欢的网站

立即咨询

专注于高端网站服务

潜心,笃志!

立即咨询

企业全场景门户

网站建设解决方案

立即咨询

武汉seo优化-百度seo快速排名技术-【SEO】

发布时间:2021-10-24 21:16:21 作者: 来源:网络 浏览量(142) 点赞(76)
摘要123:经常更换,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,假设是400px,这时原先的图片宽度都是500px,这样就会撑大整个容器,造成页面布局混乱,或者容器CSS加了overflow:hidden时,图片的右侧会被截去,显得很不协调,下面介绍的小常识是利用CSS等比例缩小图片,这样就可以完美的显示在你的新主题上了。

经常更换,会有一个困扰,就是之前主题的内容区域宽度比较大,很多正文图片的尺寸可能是500px,而换了一个主题,内容区域的宽度比较小,假设是400px,这时原先的图片宽度都是500px,这样就会撑大整个容器,造成页面布局混乱,或者容器CSS加了overflow:hidden时,图片的右侧会被截去,显得很不协调,下面介绍的小常识是利用CSS等比例缩小图片,这样就可以完美的显示在你的新主题上了。

首先找到内容区域的样式,一般是.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));

}

根据你的主题内容区域的实际尺寸来设定图片最大宽度,只要小于等于这个宽度即可。将所有出现400px的地方改成你的宽度就好了。

二维码

扫一扫,关注我们

X

截屏,微信识别二维码

微信号:zeroretrd

(点击微信号复制,添加好友)

  打开微信

微信号已复制,请打开微信添加咨询详情!
热线咨询
400-660-9550
180-4219-6648
免费热线
网站建设
小程序开发
网站SEO优化