我有一个移动 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-adjust
CSS 属性禁用此行为:
html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
Safari Web Content Guide 中进一步描述了该属性的使用。 .
https://stackoverflow.com/questions/2710764/