为什么我的响应式网站没有响应移动浏览器?

时间:2014-03-24 05:30:37

标签: android html ios css responsive-design

我的网站是http://www.hificorder.com,如果你在桌面上拖动较小的浏览器,你会看到它是响应式的。

但是,如果您在iPhone上的Safari或Android上的Chrome上加载浏览器,它会像桌面客户端那样让人眼前一亮。

为什么?

1 个答案:

答案 0 :(得分:3)

通过查看代码,我发现You have to set the meta view port value

因为你必须告诉浏览器显示网站内容应该如何适应屏幕

试试这段代码

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

链接:http://www.html5rocks.com/en/mobile/mobifying/#toc-meta