猕猴桃徽标滑块（wordpress 插件）中的图像在 safari 中很小答案

【问题标题】：Images in kiwi logo slider(wordpress plugin) are tiny in safari猕猴桃徽标滑块（wordpress 插件）中的图像在 safari 中很小
【发布时间】：2016-05-31 23:03:22
【问题描述】：

The problem page

How it should be

所以这是一个有趣的问题。在除 safari 之外的所有浏览器上，图像均正常显示。然而，在野生动物园中，它们非常小。

.bx-wrapper ul.kiwi-logo-carousel.align-center li img {
    max-height: 60%;
    max-width: 76%;
    display: inline-block;
}

我对这个问题的研究发现的唯一事情是无法解决这个问题：

First attempt

Second Attempt

【问题讨论】：

您必须重新表述这个问题。提示提供两个阶段的 safari 和其他浏览器的屏幕截图。您还应该提到您正在使用插件和 Wordpress。最后提供一个指向问题页面的链接，而不是指向整个站点的链接。谢谢
只有一页，问题页。它是链接的页面。但我会更新截图并提到 wordpress/wordpress 的插件。我只是想，既然这个问题只用 CSS 就可以解决，为什么要添加更多元素来迷惑观众。我想我想错了，
更新了问题。希望现在有足够的信息，如果没有，请告诉我。
值得注意的是，Height 和 Width 属性会扭曲徽标，因此该解决方案不是解决方案。

标签： css plugins safari wordpress

【解决方案1】：

通过仅在 CSS 中定位 Safari 解决了这个问题。

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */
    ::i-block-chrome, .bx-wrapper ul.kiwi-logo-carousel.align-center li img {
        max-height: none;
        max-width: none;
   }
}

【讨论】：