我有两个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;
网站是由一组用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”以确保它适用。 我希望这回答了你的问题。