我在一个响应式设计网站上工作,遇到了一个相当大的障碍。我使用了视口(viewport)代码:
<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 和元数据。当我转到服务器的 native 网址时,它可以正常工作。有没有办法解决?
最佳答案
已解决 - 我找到了一个解决方案,使用众所周知的黑客技术来注入(inject)相关代码(实际上没有黑客攻击任何东西!)。
我在 123-reg.co.uk 拥有我的域名,在 freehostingEU 拥有免费网络空间,并在 123-reg.co.uk 拥有框架网络转发,以将我的域名保留在免费空间中。要解决框架阻止站点上的视口(viewport)元标记的问题,请进入 123-reg.co.uk 之类的 Web 转发选项,您通常可以在其中设置元标题、元描述、元作者等,然后注入(inject)将以下代码放入允许您为框架页面输入一些元数据的框之一,例如元作者和插入:-
your-author-name"><meta name="viewport" content="width=device-width, initial-scale=1.0,
然后将视口(viewport)代码直接放在元作者之后的帧转发页面中。它有效,因为我刚刚在 123-reg 上完成了它并且效果很好!
关于responsive-design - 响应式设计和视口(viewport)无法通过域的 "frameset.",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14778378/