提问者:小点点

p元素的大小因网站而异


我有两个p元素,一个在空白站点上,一个在https://developer.mozilla.org/en-us/上。 当我将鼠标悬停在空白站点上的一个站点上时,它显示它是43.98x13.64。 但是当我把鼠标悬停在MDN上的一个上面时,它是42.43x19.09。 什么CSS属性会影响它们的大小? 它们都是相同的字体和字号。

下面是我在style属性中为它们设置的CSS(请记住,我不太擅长使用CSS):

position:absolute;
box-sizing:content-box;
top:7px;
left:8px;
color:#000000;
margin:0px;
padding:0px;
border:none;
font-family:Arial;
font-size:12px;

共1个答案

匿名用户

网站是由一组用web代码语言(通常是HTML或CSS)说出的指令组成的。 通常,不同的浏览器对代码语言的解释不同,这就导致了不同的解释。

例如,Safari默认为Helvetica家族,微软的Internet Explorer默认为Arial字体家族。 引用(https://virteom.com/why-does-my-website-look-difference-in-difference-browsers)

您可以在整个文档正文上使用样式:

body{
    font-size: xxxx;
    font-family: xxxx;
    color: xxxx;
}

您还可以尝试在属性后面使用“!important”以确保它适用。 我希望这回答了你的问题。