打开时iPhone在页面上放大
打开时iPhone在页面上放大
提问于 2012-04-19 06:50:26
我一直在做我的第一个响应式设计，在我的iPhone上查看它时遇到了一些麻烦。当我在iPhone上打开一个页面时，它会稍微向左放大--仅仅足够看不到最右边的文本。
您可以找到网站here。viewport-meta标记如下所示：
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />它在我的电脑和iPad上看起来都很好。任何和所有的帮助都是感激的。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-04-19 19:49:59
找到了。我将width:100%;和padding:0 10px;放在@media only screen and (max-width: 600px)下的.wrapper元素上。把它改成了width:96%和padding: 0 2%;，效果很不错。
谢谢你的帮助！
Stack Overflow用户
发布于 2012-04-19 06:54:56
试试这个视窗，它在我的网站上效果很好：
<meta name="viewport" content="initial-scale=1, maximum-scale=1">Stack Overflow用户
发布于 2020-03-02 23:23:35
看看你是否在你的CSS anywhere中使用100vh。如果您使用的是100vh，它会将菜单栏和底部工具栏计为100vh的一部分。请参阅https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10219212
复制相关文章
相似问题
腾讯云开发者
