Question

我的php文件中有以下语句

<div id="product-info-left-column"><?php echo tep_image(DIR_WS_IMAGES . $product_info['products_image'] ); ?></div>

这从数据库中获取图像，现在图像大小实际上是300px x 600px，但我希望它对移动设备有好处，所以我需要弄清楚如何使这个响应。

我也有一个css声明

#product-info-left-column {
max-width:300px;
float:left;
margin:0px 0px 0px 0px;
padding:20px 22px 20px 22px;
}

但遗憾的是，这并不能控制图像尺寸..

是否有更好的方法来将图像放置在页面上以便其响应

提前致谢

}

Answer 1

此处最简单的解决方法是在样式表中使用不同的css选择器：

#product-info-left-column img {
max-width:300px;
float:left;
margin:0px 0px 0px 0px;
padding:20px 22px 20px 22px;
}

那就是php创建img标签。它会将图像宽度减小到300px。