gpt4 book ai didi

android - 了解 iphone 和 android 中的 HTML 字体大小差异

转载 作者:太空宇宙 更新时间:2023-11-04 04:46:31 24 4
gpt4 key购买 nike

我试图在我的移动网站上向用户显示一条简单的消息。我希望消息大小在屏幕尺寸相似的移动设备上大致相同,例如 iPhone 和 Samsung Galaxy (android)。

我阅读了很多关于这个问题的帖子,许多人建议使用 -webkit-text-size-adjust: 100% 来实现它。但是我不明白如何使用它...

网页:

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
html { -webkit-text-size-adjust:100%; }
</style>
</head>
<body>
<div style="text-align:center;font-size:6em;-webkit-text-size-adjust:100%;">
Hello World!
</div>
</body>
</html>

结果:

Result

最佳答案

您是否测试了视口(viewport)元数据?

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, height=device-height"/>

关于android - 了解 iphone 和 android 中的 HTML 字体大小差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14402521/

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