iPhone在打开时放大页面

Question

我一直在研究我的第一个响应式设计,在iPhone上查看它时遇到了一些麻烦.当我在iPhone上打开一个页面时,它有点放大到左边 - 只是错过了最右边的文本.

你可以在这里找到这个网站.viewport-meta标记如下所示:

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

它在我的电脑和iPad上都很好看.任何和所有的帮助表示赞赏.

Answer 1

试试这个视口,它在我的网站上运行得很好:

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

Answer 2

找到了。我已将width:100%;和padding:0 10px;放在 .wrapper 元素下@media only screen and (max-width: 600px)。将其更改为width:96%和padding: 0 2%;，并且效果非常好。

谢谢您的帮助！