php - woocommerce 上的 Wordpress 照片大小问题

标签 php css wordpress twitter-bootstrap-3

我正在尝试使用 wordpress 和 woocommerce 创建一个电子商务网站。我使用的模板是 Zerif-Lite。但是我遇到了一个问题。

我在 woocomerce 产品页面中有一些产品图片。然而,并非所有图像尺寸都相同(其中一些是 185x256,但其中一些是 200 x 299)。因此,当图片出现在网站上时会有所不同 example photo我想通过将图像放入容器中来修复它的想法 like this photo保留纵横比。

我尝试使用 woo-commerce 提供的功能调整图像大小。但这并没有改变任何东西。我尝试在谷歌上搜索修复程序,并浏览了一些喜欢使用缩略图的解决方案,但我想知道有没有办法实现我上面提到的?或者我的方向是否正确?

再次感谢您的帮助:D

最佳答案

最好的方法是为这些图像编辑打印的 div 代码或样式,使其具有如下内容:

img {
display: block;
max-width:230px;
max-height:95px;
width: auto;
height: auto;
}

这将自动调整大小,但保持尺寸不变。在您的情况下,高度似乎需要成为限制变量。

这似乎是这个的副本:CSS force image resize and keep aspect ratio

关于php - woocommerce 上的 Wordpress 照片大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35416129/

相关文章:

php - 在没有服务器权限的情况下安装 PECL-Extension "SPL-Types"

php - 自动完成某一字段

php - 问题添加联系表 7

jquery - 切换类的条件

javascript - 相对定位元素原始位置的点击事件

php - MySQL从用户id获取积分

php - PHP中如何使用__LINE__显示当前执行行

css - 定位 DIV 标签时的困难

html - 小屏幕的背景尺寸

css - WordPress header 标记不需要的空间