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

rhfm7lfc  于 2023-06-07  发布在  其他
关注(0)|答案(3)|浏览(167)

请看下面的代码:

<!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浏览器段落没有问题,段落看起来是一样的。

dsf9zpds

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>
dfty9e19

dfty9e192#

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

dgenwo3n

dgenwo3n3#

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

相关问题