编辑:简化了问题:
我有一个100%宽的“无缝” iframe
,其中嵌入了另一个(本地)页面。
直接在Safari上访问页面时,内容会适当缩小以适合屏幕。
但是,当网站位于iframe
中时,页面加载放大,我必须手动缩小页面才能看到它的完整宽度。有解决方法吗?
iframe代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>iFrame</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html, iframe
{
height: 100%;
margin: 0;
padding: 0;
}
iframe
{
width: 100%;
display: block;
}
</style>
</head>
<body>
<iframe src="index.html"></iframe>
</body>
</html>