iOS7 Safari - 锚点在第一次点击时更改宽度

Question

我有一个按钮类锚CSSed如下：

.button {
             display: inline-block;
             width: 8.0em;
             text-align: center;
             text-decoration: none;
             background-color: #840;
             letter-spacing: 1px;
             line-height: 2.2em;
             padding: 0.5em 0.2em;
             border: 4px solid #420;
        }

请参阅下面的示例，其中包含常见问题解答。

它不会可靠地发生，但通常只在第一次按下按钮时，有时当你返回按钮时恢复正常，有时当它更宽，有时它看起来更大（意味着宽度，高度和字体较大），其他时候所有按钮看起来都较小！

如果你想try it out，你需要在iPhone上使用Safari - iMac和iPad似乎还可以。

Answer 1

我最近在iPhone上有类似的情况（好吧itouch但它使用相同的iOS）我有一个段落，由于一些未知的原因，文本正在回流并变得比标题文本更大。但是旋转设备后，文本会重新变换并改变大小。我修好了这个：

  -webkit-text-size-adjust: 100%;

我最初在这里找到了这个答案：

Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?

希望对你有用。