gpt4 book ai didi

html - 无法使用 HTML 在 iOS 中滚动

转载 作者:太空宇宙 更新时间:2023-11-04 07:07:36 25 4
gpt4 key购买 nike

我有一个很长的网站,我正在将其嵌入另一个网站。以下代码在桌面浏览器上运行良好,但不适用于平板电脑或移动设备。

在 iOS 上,当我尝试上下移动页面时无法滚动。在桌面上,没有问题。

问题:如何更正下面的代码,使滚动在任何浏览器中始终有效?


代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html, body, embed {
width: 100%;
height: 100%;
margin: 0;
display: block;
}
</style>
</head>
<body>
<embed src="http://www.example.com">
</body>
</html>

最佳答案

我尝试使用标签在另一个页面中包含一个可滚动的网页。与您的体验一样,嵌入式页面在桌面上可以很好地滚动,但在 iOS 上却不行。我切换到允许在桌面和 iOS 上滚动 iframed 内容的 iframe:

<div style="overflow: auto; -webkit-overflow-scrolling: touch;height:450px;" id="my">
<iframe src="https://www.example.com" style="overflow: auto; -webkit-overflow-scrolling: touch; border: none;" scrolling="yes" width="100%" height="100%"> </iframe>
</div>

关于html - 无法使用 <embed> HTML 在 iOS 中滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51459734/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com