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

时间:2013-02-08 17:48:00

标签: responsive-design viewport frameset

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

<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和元数据。当我转到服务器的本机网址时,它可以正常工作。反正有吗?

3 个答案:

答案 0 :(得分:7)

已解决 - 我找到了一个使用熟知的黑客技术来注入相关代码的解决方案(实际上没有任何黑客攻击!)。

我的域名是123-reg.co.uk,免费网站空间位于freehostingEU,123-reg.co.uk上有框架网络转发,以便在可用空间内维护我的域名。要解决框架阻塞网站上的视口元标记的问题,请在123-reg.co.uk之类的地方进入网络转发选项,您可以在其中设置元标题,元描述,元作者等,并注入将以下代码放入其中一个框中,您可以在其中输入框架页面的某些元数据,例如元作者和插入: -

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

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

答案 1 :(得分:1)

这个网站终于解释了我怎么能这样对我。现在,当您访问mydomain.com时,它会转发到www.mydomain.com,后者又链接到我的azure服务器。域名保留在没有框架/屏蔽的URL中,即它显示我想要的网址,而不是天蓝色的网址。

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)。

答案 2 :(得分:-1)

我设置了一个响应式设计网站,该网站使用客户端的视口来确定网站的配置方式。事实证明我的域名是使用屏蔽进行转发,而CSS正在“读取”框架作为视口。避免灾难。