Android 如何在旋转时获得相同大小的字体？
我有一个相当简单的问题，已经写了很多，但我没有找到答案 基本上，我在两个主要的Android 如何在旋转时获得相同大小的字体？,android,html,css,font-size,Android,Html,Css,Font Size,我有一个相当简单的问题，已经写了很多，但我没有找到答案 基本上，我在两个主要的div部分中有一个布局，其中一个使用了大约三分之一的视口。我在旋转时重新组织它们，使较小的一个仍然在一端（大小大致相同），这很好–我通过@media查询和vh和vw设置大小和位置 问题在于我希望在主div中使用相同大小的文本，无论设备朝向哪个方向，但浏览器对字体大小有自己的想法。我曾尝试使用vh和vmax和em和px等缩放字体，但均无效 中给出了一个我尝试过的解决方案，但它无法解决问题，即使我在旋转后刷新页面 这个简
div@mediavhvwdivvhvmaxempxvmax<!DOCTYPE html>
<html>
<style>
body { font-size: 40px !important; }
</style>
<body>
<script language="JavaScript">
document.writeln("<BR>");
document.writeln("screen = ");
document.writeln(screen.width);
document.writeln(" x ");
document.writeln(screen.height);
document.writeln("<BR>");
</script>
</body></html>
正文{字体大小：40px！重要；}
书面文件（“
”）；
document.writeln（“screen=”）；
文件写入（屏幕宽度）；
书面文件（“x”）；
文件写入（屏幕高度）；
书面文件（“
”）；
如何实现相同大小的字体，而不必猜测（未知）浏览器的功能？我的台式电脑上的Firefox浏览器是一致的，但我手机上的三星和Chrome浏览器却不一致。屏幕截图来自三星浏览器，Chrome也有类似的结果。改变的不是字体大小，而是页面缩放。要进行验证，请在页面中引入图像或简单的像素大小的正方形：
正文{字体大小：40px！重要；}
书面文件（“
”）；
document.writeln（“screen=”）；
文件写入（屏幕宽度）；
书面文件（“x”）；
文件写入（屏幕高度）；
书面文件（“
”）；
啊，是的！我最初确实有viewport
meta