gpt4 book ai didi

html - iframe内容无法响应移动设备上的媒体查询

转载 作者:行者123 更新时间:2023-11-28 07:17:22 25 4
gpt4 key购买 nike

有人找到了让iframe在Android或iPhone上运行的好方法吗?

我将整个网页嵌入到宽度为100%,高度为100%的索引页中,以便从其他位置路由到该网页。

唯一的问题是在桌面上调整浏览器大小时,我网页的媒体查询响应良好。但是,当我将网页加载到三星s5上时,它会显示iframe,会显示网页的全部内容,但不会检测到正在使用的媒体查询。

如果我将其从iframe中取出,它可以在移动设备/平板电脑上完全响应,因此您知道。

HTML:

<html>
<head>
<title>TEST</title>
<style type="text/css">
body, html {
margin:0; padding:0; height:100%; overflow:hidden;
}
.content {
position: relative;
height: 0;
overflow: hidden;
}
iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="content">
<iframe width="100%" height="100%" frameborder="0" src=""></iframe>
</div>
</body>
</html>

最佳答案

您可以控制iframe的代码吗?通常,宽度:100%可以,但是iframe内部发生了什么?

关于html - iframe内容无法响应移动设备上的媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32283367/

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