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

Posted 2023-03-11

【中文标题】iPhone不能很好地与带有CSS的标题一起使用？

【英文标题】：iPhone does not work well with header with 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 上，而不会发生在三星安卓手机上。

我该如何解决？

【参考方案1】：

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

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