Warning: Invalid argument supplied for foreach() in /www/wwwroot/weimx/wp-includes/script-loader.php on line 2678

CSS方法实现wordpress图片自适应大小

2021年04月26日 | 发表在 wordpress建站 / 代码片段 | 浏览:2587

在文章页(single.php),有时候想控制图片的最大宽度,不让他超出内容区域,挤占了侧边栏(sidebar)的空间。
例如,我们内容区域宽度为640px,那么需要强制内容中图片最大化宽度为640px,高度为相对高度,

这样,原始宽度大于640的图片,将自动缩放为640px,宽度小于640px的图片,将维持原来大小。

CSS代码,一般放在模板的 style.css中

下方代码中的3个640,可以替换成自己所需的图片最大宽度

p img {
	max-width: 640px;
	width: expression(this.width > 640 ? “640px”:true);
	height: auto;
}


Warning: Invalid argument supplied for foreach() in /www/wwwroot/weimx/wp-includes/script-loader.php on line 2678