我的简单引导页面在我的iphone上没有响应，但是我的计算机上有谷歌浏览器。
iphone上的缩放效果不佳，这是我的视口：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
截图iphone： iphone
屏幕截图chrome： chrome
如果有人可以帮助我，
由于
答案 0 :(得分：1)
根据documentation，您将使您的网站成为本机应用，而不是他们推荐的。如果是这样的话，你就省略了几个属性。
您可以通过添加来禁用移动设备上的缩放功能 user-scalable = no到视口元标记。这会禁用缩放， 意味着用户只能滚动，并导致您的网站 感觉有点像本机应用程序。总的来说，我们没有 建议在每个网站上使用，所以要小心！
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,
user-scalable=no">
因此，如果您不想要像网站这样的原生应用，那么您可以这样做：
<meta name="viewport" content="width=device-width, initial-scale=1">
试试这个：而不是1.0将1作为初始比例;
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
答案 1 :(得分：0)
尝试使用此元标记：
<meta name="viewport" content="width=device-width, initial-scale=1">