Shopify网站在网络浏览器上响应,但不响应iPhone

时间:2015-12-23 18:08:08

标签: css responsive-design shopify

我已经在StackOverflow上的几个主题上看过这个主题,但没有任何答案有帮助。我在thegldshop.com网站上工作,据说它具有响应性。当我在笔记本电脑上调整浏览器大小时,我会看到该网站的移动版本以及我使用Screenfly的时候。

但是,当我在iPhone(或任何其他手机)上打开网站时,会显示完整的网站。我添加了特定于移动设备的met <!-- Mobile Specific Metas --> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

但仍然没有。我是所有这一切的初学者,所以任何帮助将不胜感激:)

2 个答案:

答案 0 :(得分:0)

可能是你缺少任何结束括号检查你的所有媒体查询括号,safari不是像其他浏览器那样自行关闭括号

答案 1 :(得分:0)

如果您访问thegldshop.com,您会获得一个完全包含在iframe中的网站,并且不适合移动设备。

<frameset rows="100%,*" border="0">
  <frame src="http://the-gld-shop.myshopify.com/" frameborder="0" />
  <frame frameborder="0" noresize />
</frameset>

但是如果你去 www .thegldshop.com(或重定向到www.thegldshop.com的-gld-shop.myshopify.com),你会得到一个正常的网站(没有iframes) )在手机上运行良好。看起来您有一些DNS和/或网站配置问题。