Question

我有多个域名由iFrame重定向到同一个响应式网站。

问题是，当我在移动设备上访问这些网站时，它不再响应。

原始网站http://m.isero.nl/完美无瑕但是当我使用按帧重定向的域名时，它不再具有响应性，例如http://iseroijzerwarengroep.be/。

如何让本网站对iFrame中的移动设备做出响应？

我在我的css中试过这个：

iframe, object, embed{
   width: 100%;
   height: auto;
}

但没有成功。

Answer 1

问题是您的父网站在viewport中没有相应的<head>元标记。该标记存在于子站点中：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Answer 2

创建一个.php文档并将其上传到您的主机。不要在域设置中向前创建框架，而是将域指向创建的.php文档。然后在.php文档中使用以下代码在此处创建框架。

<html>
<head>
<title>Your Title</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum- 
scale=1.0; user-scalable=0">
<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
</head>
<frameset rows="100%" border="0" framespacing="0" frameborder="0">
<frame name="main" src="https://your-target-domain.com/" marginwidth="0" 
marginheight="0" scrolling="auto" 
noresize="noresize">
</frameset>
<noframes>
</noframes>
</html>

我也创建了一个指向收藏夹的链接。如果不需要，您可以删除此行。如果需要，只需将favicon作为“ favicon.ico”上传到.php文件所在的目录。

现在您有了移动响应帧转发：）

在iframe中重定向的自适应网站没有响应

2 个答案: