3

我一直在这个网站上工作:http: //www.adhonis.com

顶部的横幅图像对于 iPad 的缩放比例非常惊人,我使用 screenfly 对其进行了测试,但它似乎不是通过模拟器进行的,我认为这是因为它真正模拟的只是屏幕尺寸。所有其他设备都很好。

在此处查看屏幕截图:http: //i39.tinypic.com/vyts47.jpg

我个人无法使用 iPad,所以这是一个棘手的问题。

我正在使用高度:100%;

很想听听任何想法

4

3 回答 3

2

我遇到了同样的问题,但使用的是较旧的 iPad(带有 iOS 6 的第一代)。最近的没问题。问题是 100% 的高度。删除它,它应该可以工作。

于 2014-06-06T14:44:34.090 回答
0

我在我的一个项目中也遇到了同样的问题。网站徽标在 iPad 和 iPhone 设备上看起来很长。

然后我意识到,我不小心display: flex;为图像添加了属性。那是有问题的。也许这些信息会对某人有所帮助。

于 2019-10-10T10:30:03.390 回答
0

我正在处理的引导站点也遇到了同样的问题,这就是我为解决它所做的工作:

我将图像移到任何 .row、.col 或 .container 类的 div 之外。然后,我删除了 height: 100% 属性并添加了:

img {
    width: 100vw;
}

看看这是否有效!

于 2020-01-23T05:16:32.573 回答