当我在移动的Chrome（版本116及以下）中打开我的网站时，我注意到一个奇怪的行为。有时，Flex容器中的字体大小会无缘无故地缩小。我把情况归结为这个简单的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
</head>
<body>
<p style="display: flex;">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sapiente nobis, laudantium magni doloremque vitae quisquam nesciunt veritatis id voluptatum laboriosam.</p>
</body>
</html>当在移动的Chrome上打开时，它看起来像这样：
这种情况不会发生在桌面上，在测试移动的布局时的开发人员工具中，在移动或桌面Firefox中，除了移动Chrome之外。我对此完全感到困惑。我试着玩text-size-adjust，试着在每个元素上设置硬font-size，没有任何帮助。
有人知道会发生什么吗？
1条答案
按热度按时间dddzy1tm1#
尝试将p放在div style=“display中：flex;”因为按照您编写的方式，您只将display flex应用于第一个p，而不是两个p