Bootstrap网站在iPhone

Question

我已经开始为朋友建立一个网站，在桌面上看起来很棒，当我更改浏览器窗口大小时很棒但是当我在iPhone上打开它时似乎缩小了？

任何想法为什么？这是临时站点的链接，如果您将浏览器大小更改为移动设备，则应该看起来如何。

http://torwood.footholds.net/~acoustic/

Answer 1

在标题中你有：

<meta name = "viewport" content = "width=device-with, initial-scale = 0.1">

告诉它以10％的初始缩放开始

将其更改为：

<meta name="viewport" content="width=device-width, initial-scale=1">

修改

事实上，为了获得最佳兼容性，您应该包括所有相关标题：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

来源：http://getbootstrap.com/getting-started/#template