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

我正在设计一个响应式设计网站，并遇到了相当大的障碍。我用视窗代码：响应式设计和视口无法通过域的“框架集”工作。

<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 HERE}

需要。当我将我的索引页放在我的主机服务器上进行检查时，该站点不会响应我的移动设备之间的更改。我试过我的域名网站 - 没有工作。发现域名指向我的服务器，并在<frameset>中显示该网站并取消我的CSS和元。当我转到服务器的本地网址时，它可以正常工作。有没有办法解决？

来源

2013-02-08 dcherman

是否有人可能通过该URL访问您的网站？您的主机中是否有任何设置将任何用户重定向到您的本地网址？此外，我不确定我是否完全了解您遇到的问题，是否可以包含网址和更多背景。 – justinavery 2013-02-09 15:16:23

我设置了一个响应式设计网站，它使用客户端的视口来确定网站的配置方式。事实证明，我的域名是用掩码转发的，而CSS则是将“框架”读取为视口。灾难避免了。 – dcherman 2013-02-17 03:18:09

你介意回答自己的问题并将其标记为完成吗？ – justinavery 2013-02-17 09:18:15

-1

我设置了一个响应式设计网站，它使用客户端的视口来确定网站的配置方式。事实证明，我的域名是用掩码转发的，而CSS则是将“框架”读取为视口。灾难避免了。

来源

2013-02-23 03:46:00 dcherman

你是怎么做到的解决这个？我目前有同样的问题。你有没有找到一种方法让它在框架内工作，或者你是否改变了它在没有框架/掩蔽的情况下转发的方式？ – 2013-02-26 16:39:36

已解决 - 我找到了一个解决方案，使用一个众所周知的黑客技术来注入相关的代码（没有真正黑客攻击！）。

我在123-reg.co.uk拥有自己的域名，在freehostingEU拥有免费的webspace，在123-reg.co.uk上有框架的网页转发功能，以便在自由空间中保留自己的域名。为了解决网站上阻止视口元标记的框架问题，请进入123-reg.co.uk等网页转发选项，您可以在其中设置元标题，meta desc，元作者等，并注入将下面的代码放入其中一个框中，您可以为框架页面输入一些元数据，例如元作者和插入： -

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

然后，将视口代码放入帧转发页直接后元作者。它的工作原理，因为我刚刚在123-reg上完成了，它效果很棒！

来源

2014-01-23 19:12:50 Bob

非常感谢。这对我的no-ip.com掩码URL服务非常有用。 – 2017-07-23 02:30:24

我现在也使用这种方法，工作正常！ – BAER 2018-02-03 11:59:18

本网站最终解释了我可以如何做到这一点。现在，当您访问mydomain.com时，它会转发到www.mydomain.com，然后链接到我的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）。

来源

2016-03-15 05:41:15

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

回答

相关问题