HTML/CSS：文本在Chrome浏览器中以缩小的字体大小显示,如何禁用此还原？

rhfm7lfc 于 2023-06-07 发布在其他

关注(0)|答案(3)|浏览(168)

请看下面的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">       
    <style>
        p {
           font-size: 16px;
        }
    </style>
</head>
<body>
   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione eligendi optio sapiente cumque quidem ad nihil repellat, qui illum suscipit necessitatibus, officiis illo. Molestias voluptas libero ratione qui, ut quibusdam!</p>
   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione eligendi optio sapiente cumque quidem ad nihil repellat, qui illum suscipit necessitatibus, officiis illo. Molestias voluptas libero ratione qui, ut quibusdam!<button>Read more></button></p>
</body>
</html>

为什么第二个段落的字体大小要缩小？如何关闭这种减少？
我注意到这个问题只出现在我手机上的Chrome浏览器中，系统文本大小为L、XL或XXL。在Opera和Mi浏览器段落没有问题，段落看起来是一样的。

css

来源：https://stackoverflow.com/questions/76405449/html-css-the-text-is-displayed-in-a-reduced-font-size-in-the-chrome-browser-ho

3条答案

按热度按时间

dsf9zpds1#

你可以给予它一个类然后按照你喜欢的方式改变它

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">       
    <style>
        p {
           font-size: 16px;
        }

        .second_p{
         font-size: 18px;  /*or 18 anything you want*/
       }
    </style>
</head>
<body>
   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione eligendi optio sapiente cumque quidem ad nihil repellat, qui illum suscipit necessitatibus, officiis illo. Molestias voluptas libero ratione qui, ut quibusdam!</p>
   <p class="second_p">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione eligendi optio sapiente cumque quidem ad nihil repellat, qui illum suscipit necessitatibus, officiis illo. Molestias voluptas libero ratione qui, ut quibusdam!<button>Read more></button></p>
</body>
</html>

赞(0）回复(0）举报 2023-06-07

dfty9e192#

16px已经默认在浏览器中，所以，没有使用font-size: 16px;尝试使用不同的字体大小.

赞(0）回复(0）举报 2023-06-07

dgenwo3n3#

如果你想给予所有的
元素的自定义字体大小，您可以简单地将它们设置为与您所做的相同的样式。您可以尝试其他浏览器，看看字体大小问题是否也存在。在这个特定的例子中，没有必要给予16px作为字体大小，因为它是默认大小。

赞(0）回复(0）举报 2023-06-07