在数据均衡器上定位内联css

时间:2018-04-03 10:47:05

标签: html css zurb-foundation

我是一家公司的自由职业者,遇到了一个我无法弄清楚的问题。

我真的不想将网址发布到网页上,但我会尽力解释。

该公司正在使用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内的相关页面。

1 个答案:

答案 0 :(得分:0)

如果您不希望它影响移动设备,则只需添加它即可.....

data-equalize-on="medium"到周围的div,上面有data-equalizer