html - iOS7 Safari - anchor 在第一次被点击时改变宽度

Question

我有一个按钮类 anchor CSS 如下:

.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?

希望对你有用。