我正在制作我的应用程序支持站点的移动版本，但这里有一个 WebKit/iOS/HTML/CSS 问题...
我有一个页面，index.php , 与 mobile.css附加文件。在我的 <head>我有标签:
<meta name="viewport" content="width=device-width, user-scalable=no, max-scale=1.0" />
我的 body的样式:
body {
font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Lucida Grande",Verdana,Arial,sans-serif;
margin: 0;
background: url(../../images/textured_bg.png) repeat;
color:#454545;
font-size: 14px;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px;
width:100%;
}
纵向一切正常，但当我将 iPhone 旋转为横向时，Safari 会缩放我的内容，使其看起来像纵向，但更大一些:
我的问题:有没有办法，不用 making custom css for each orientation , 强制 Safari 不缩放我的内容？
最佳答案
解决此问题的关键部分不是元视口(viewport)标记(虽然这也很重要，但出于不同的原因)。这是在方向更改时修复文本大小的魔法。
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
(我从 StackExchange 的移动 CSS 文件中得到这个。)
关于iphone - 如何在方向更改时禁用 MobileSafari 的内容缩放？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7112471/