我是一家公司的自由职业者,遇到了一个我无法弄清楚的问题。
我真的不想将网址发布到网页上,但我会尽力解释。
该公司正在使用Magento内部的基础框架。
他们有2列并排布局文本/图像 - 然后是图像文本等。
div代码是这个
<div class="columns small-12 medium-6 type-h tile tile--one medium-push-6" data-equalizer-watch="" style="height: 385px;">
<img class="tile__image tile__image b-lazy b-loaded" src="image-url">
</div>
主要问题是这个 data-equalizer-watch =“”style =“height:385px;”
在移动视图中,此高度从385随机变化到570px以上,具体取决于屏幕尺寸。这样做是在图像下面留下一个大的空白区域,因为图像的高度只有385像素。
我无法控制div扩展到这个大小。 我已经尝试使用重要的标签强制最大高度,但不能。
我无权访问源代码。只是Magento内的相关页面。
答案 0 :(得分:0)
如果您不希望它影响移动设备,则只需添加它即可.....
data-equalize-on="medium"
到周围的div,上面有data-equalizer