我使用Flickity滑块为一个单一的网页商店。我将桌面屏幕上的高度设置为父div的100%。这在Chrome上运行良好,但仅在Safari上不起作用。
超文本标记语言:
<div class="product__container">
<div class="product__image--container">
<div class="main-carousel">
<div class="carousel-cell img--two"></div>
<div class="carousel-cell img--one"></div>
</div>
</div>
<div class="product__description--container">
<div class="product__description--aligner">
<h1 class="product__title" style="margin-bottom: 0px; margin-top: 0px;"><strong>MYSTERY BOX</strong></h1>
<p class="product__price">$25</p>
<p><strong>The stuff:</strong> we spend our days working with cool brands with even cooler products.</p>
<div id='product-component-83d33f1cc51'></div>
</div>
</div>
字符串
1条答案
按热度按时间zkure5ic1#
这听起来像是浏览器兼容性错误。特别是如果元素根本不起作用。(你的问题是不清楚,如果它不工作,在所有或它是显示怪异。)尝试浏览器兼容性检查。我喜欢browsershots.com,但也有许多其他免费工具可以检查。