我有一个移动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>
您可以通过-webkit-text-size-adjustCSS属性禁用此行为:
-webkit-text-size-adjust
html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }