html - iPhone无法与CSS header 一起使用吗？

我已经开发了一个使用CSS的Web应用程序。这是我的GUI最初的样子。这是我想要的完美GUI。

但是，过了一会儿，GUI会在加载页面后的3秒内变为类似状态。

这是我标题的HTML。

<div id="Slideshow">
<img src="image/s1.jpg" name="slide" style="width:100%; height:150%">
<script type="text/javascript">
<!--
var step = 1
function slideit() {
    document.images.slide.src = eval("image" + step + ".src")
    if (step < 5)
        step++
    else
        step = 1
    setTimeout("slideit()", 2500)
}
slideit()
//-->

我添加style="width:100%; height:150%"仅是为了调整图像大小，而不是整个标头。因此，对于我的手机，我添加了这样的单独的CSS

#Slideshow
{
    position:absolute;
    height:15%;
    top:10%
}

我在CSS中将150%调整为height:15%。不幸的是，此问题仅发生在iPhone上，而不会发生在三星android手机上。

我该如何解决？

最佳答案

这是因为iPhone所计算的容器高度(#Slideshow)与其他手机不同。
您是否尝试过使用这个？

<img src="image/s1.jpg" name="slide" style="width:100%; height:auto">

关于html - iPhone无法与CSS header 一起使用吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20837650/