响应式设计和视口无法通过域的"框架集"工作.

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

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

Answer 1

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

我在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上完成它并且效果很好!

Answer 2

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