在IFRAME重定向响应网站没有响应

问题描述 投票:2回答:2

我有谁重定向到的iFrame相同的自适应网站多个领域。

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

原来的网站,http://m.isero.nl/,可以完美运行。 但它不再敏感,当我用谁的帧重定向,像http://iseroijzerwarengroep.be/域。

我怎样才能让这个网站响应在iFrame中的移动设备?

我在CSS试过这样:

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

但没有成功。

html css redirect iframe responsive-design
2个回答
1
投票

问题是,你的父母的网站没有在viewport适当<head>元标记。该标签出现在子站点:

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

0
投票

创建以.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.ico的”到同一目录作为PHP文件。

现在你有一个移动响应帧转发:)

© www.soinside.com 2019 - 2024. All rights reserved.