当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-adjustCSS属性禁用此行为：

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