【问题标题】: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?

    希望对你有用。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-05-03
      • 1970-01-01
      • 2017-07-03
      相关资源
      最近更新 更多