iphone - 当 iPhone 方向从纵向变为横向时保留 HTML 字体大小

Question

我有一个移动 Web 应用程序，其无序列表包含多个元素，每个 li 内都有一个超链接:

我的问题是:如何设置超链接的格式，以便它们在 iPhone 上查看时不会改变大小，并且加速度计会从纵向切换到横向？

在纵向模式下，我将超链接字体大小设置为 14px，但是当我将设备切换到横向时，它会放大到 20px。

我希望字体大小保持不变。

示例代码如下:

ul li a {
    font-size:14px;
    text-decoration: none;
    color: #cc9999;
}

<ul>
    <li id="home" class="active">
      <a href="home.html">HOME</a>
    </li>
    <li id="home" class="active">
      <a href="test.html">TEST</a>
    </li>
</ul>

Answer 1

您可以通过 -webkit-text-size-adjust CSS 属性禁用此行为:

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

Safari Web Content Guide 中进一步描述了该属性的使用。 .