三星Android股票浏览器图片无法显示

Question

我有一个响应式滑块，我们已经构建它来处理产品图像。图像的大小各不相同 - 大多数都是我们的目标纵横比，但有些图像不同时都是横向和纵向。

除默认Android浏览器中的三星设备外，滑块可以在任何地方使用。这种体验在平板电脑和手机上很常见，但只有三星。它适用于其他Android设备，一连串的桌面浏览器和iOS。

这个问题似乎可以归结为一个高度：100％;在图像上用于将肖像图像限制到容器的高度。我已将代码编译为下面JSFiddle中最简单的版本。

JSFiddle：https://jsfiddle.net/g453xstc/8/

ul {
    position: relative;

    /* height 0 and padding top to maintain aspect ratio when resized */
    height: 0;
    padding: 75% 0 0;
}

li {
    height: 100%;
    width: 100%;

    /* background to demonstrate how far the layout works on Samsungs */
    background: #eee;

    /* absolute positioning to account for height: 0 */
    position: absolute;
    top: 0;
    left: 0;
}

img {
    height: 100%; /* the offending line */
    width: auto;
}