我有一个移动web应用程序,其中有一个无序列表,其中包含多个项目,每个项目中都有一个超链接:

我的问题是:如何设置超链接的格式,使它们在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章中进一步描述.

Html相关问答推荐

当各种可选元素有效时,如何 Select 第一个元素?

如何使文本从按钮中心生长?

电话号码验证器(Angular )

如何让QML`Text`元素内的链接在悬停时显示鼠标指针?

如何最大限度地减少Cookie同意代码对性能的影响?

如何在页面太短时使<;img&>缩小而不发生y溢出

不呈现孙子元素,使用R htmlTools::Taglist为分页的pdf生成HTML

仅 Select 悬停的级别,而不 Select 其父级或子级

在 HTML 视频上环绕文本叠加

将三个div转换为显示flex

在Angular中,类型"HTMLDivElement"不能分配给类型"Node"

CSS Grid 布局:1 大图和 3 小图

如何为Vuetify输入控件减小标签和字段之间的间距?

主要元素内滚动时,固定导航栏会消失

绝对类在另一个绝对类之上

提交前的验证表单未显示任何验证消息?

在 html 邮箱的左侧和右侧制作多个元素很热门吗?

在 React (NEXT) 中,当我try 进行动态补充时,我无法使用实例this来引用输入

为什么 `html` 上的 overflow: hidden 将滚动框移动到正文?

html元素可以被css跳过吗?