响应式设计和视口无法通过域的“框架集”工作。

Question

我正在开发一个响应式设计网站，但遇到了一个相当大的障碍。我使用了视口代码：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />

并使用：

@media only screen and (min-width: 501px) and (max-width: 930px)  {

CSS 在这里}

根据需要。当我将索引页面放在主机服务器上进行检查时，该站点不会响应我的移动设备之间的更改。我试过我的域名网站 - 没有用。结果域名指向我的服务器，并在<frameset> 中显示该站点，并取消了我的 CSS 和元数据。当我转到服务器的本机网址时，它可以正常工作。反正有这个吗？

Answer 1

已解决 - 我找到了一个解决方案，它使用众所周知的黑客技术注入相关代码（实际上没有破解任何东西！）。

我在 123-reg.co.uk 拥有我的域名，在 freehostingEU 拥有免费网络空间，并在 123-reg.co.uk 拥有框架网络转发，以将我的域名保留在免费空间中。要解决框架阻止站点上视口元标记的问题，请进入 123-reg.co.uk 之类的 Web 转发选项，您通常可以在其中设置元标题、元描述、元作者等，然后注入将以下代码放入允许您为框架页面输入一些元数据的框之一，例如元作者和插入：-

 your-author-name"><meta name="viewport" content="width=device-width, initial-scale=1.0,

然后将视口代码直接放在元作者之后的帧转发页面中。而且它有效，因为我刚刚在 123-reg 上完成了它并且效果很好！

Answer 2

这个网站终于解释了我是如何做到这一点的。现在，当您访问 mydomain.com 时，它会转发到 www.mydomain.com，后者又链接到我的 azure 服务器。域保留在没有框架/掩码的 url 中，即它显示了我想要购买的 url，而不是 azure 的。

http://blog.smarx.com/posts/custom-domain-names-in-windows-azure

来自链接：

添加 CNAME 记录

第一步是创建一个 CNAME 记录，将“www”子域（如 www.botomatic.com）映射到我的 Windows Azure 应用程序 (botomatic.cloudapp.net)

转发根域

第二步是使用域转发将根域（botomatic.com）映射到我们已经映射的子域（www.botomatic.com）。

Answer 3

我建立了一个响应式设计网站，它使用客户的视口来确定网站的配置方式。原来我的域名是用屏蔽转发的，而 CSS 正在“读取”框架作为视口。避免了灾难。