gpt4 book ai didi

html - 如何在 Android 上显示时减小网页的字体大小?

转载 作者:行者123 更新时间:2023-11-28 02:29:08 25 4
gpt4 key购买 nike

我为手机创建一个网页:我使用这段代码:

      <meta name="viewport" content="width=device-width,initial-scale=1" />
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
-webkit-text-size-adjust: 100%;
}
</style>

<body>
<table>
....
</table>
</body>

结果:

使用 IOS(iPhone 5s,640 x 1136px):显示效果很好,

但 Android (Nexus 5x ,1080 x 1920 px): 字体看起来更大

如何在 Android 上显示时减小网页的字体大小?

enter image description here

最佳答案

在你的 css 中使用@media 来解决这个问题

@media screen and (max-width: 992px) {
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
-webkit-text-size-adjust: 100%;
}
}

有关详细信息,请参阅 @media

关于html - 如何在 Android 上显示时减小网页的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52035320/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com