我是一家公司的自由撰稿人,遇到了一个我搞不懂的问题。
我真的不想将URL发布到该页面,但我会尽我所能地解释。
该公司正在使用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。这样做的目的是在图像下面留出很大的空白,因为图像的高度只有385px。
我不能控制div扩展到这个大小。我尝试过使用重要的标记来强制最大高度,但是失败了。
我不能接触到源代码。就是Magento内部有问题的页面。
发布于 2018-06-22 18:52:32
如果您不希望它影响移动,只需添加此.....
带有data-equalizer的data-equalize-on="medium"到周围的div
https://stackoverflow.com/questions/49628146
复制相似问题