iOS7 Safari - 锚点在第一次被点击时改变宽度答案

【问题标题】：iOS7 Safari - anchor changes width first time it is tappediOS7 Safari - 锚点在第一次被点击时改变宽度
【发布时间】：2014-09-18 05:23:13
【问题描述】：

我有一个按钮类锚 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 似乎可以正常工作。

【问题讨论】：

标签： html css ios7 safari

【解决方案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?

希望对你有用。

【讨论】：