iPhone不能很好地与带有CSS的标题一起使用？答案

【问题标题】：iPhone does not work well with header with CSS?iPhone不能很好地与带有CSS的标题一起使用？
【发布时间】：2013-12-30 10:28:03
【问题描述】：

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

不过过了一会儿，加载页面后的 3 秒内，GUI 就会变成这样。

这是我的标题的 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 上，而不会发生在三星安卓手机上。

我该如何解决？

【问题讨论】：

标签： html ios iphone css

【解决方案1】：

这是因为 iPhone 计算的容器高度（#Slideshow）与其他手机不同。你试过用这个吗？

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

【讨论】：