我正在开发一个响应式设计网站并遇到了相当大的障碍。我使用了视口代码:
<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和元数据。当我转到服务器的本机网址时,它可以正常工作。反正有吗?
答案 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正在“读取”框架作为视口。避免灾难。