css html网站无法在iPhone设备中正确加载

mzmfm0qo 于 2023-04-08 发布在其他

关注(0)|答案(1)|浏览(102)

我已经创建了一个网站specicifically为移动的设备只使用html，css和javascript.该网站是工作正常的android设备时，在任何浏览器打开，
live url是：[text]（https://demo.thebrandchimp.com/cocofit/mobile）
我把viewport设置成这样：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />

该网站是不是在iPhone设备对齐，任何人都可以请告诉我如何解决这个问题，提前感谢

css

来源：https://stackoverflow.com/questions/75957750/html-website-not-loading-properly-in-iphone-devices

1条答案

按热度按时间

hwamh0ep1#

我认为问题在于你已经使用百分比设置了图像的垂直位置，而浏览器无法获得其父元素的高度来计算相应的百分比值。
你可以试试这个：

将position: relative设置为.tableCell
将position: absolute设置为.tableCell中的第一个图像

应该是这样的：

.tableCell {
  position: relative;
} 

.tableCell > img:first-child {
  position: absolute;
}

让我知道如果它帮助;）

赞(0）回复(0）举报 2023-04-08

我来回答

css html网站无法在iPhone设备中正确加载

1条答案

相关问题

热门标签

最新问答