在Mac上的Safari中某些元素显示较小?

时间:2022-05-27 16:49:47

After fiddling around with an issue I am having I have come to this conclusion:

在摆弄了一个问题后,我得出了这样的结论:

my list Elements are displaying smaller in Safari on my Macbook than they are on Safari on my PC. IE, and Firefox are displaying properly also.

我的列表元素在我的Macbook上的Safari中显示的比在我的PC上的Safari中显示的要小。 IE和Firefox也正常显示。

What might be causing this difference? It is hindering my ability to complete this design.

可能是什么导致了这种差异?这妨碍了我完成这个设计的能力。

www.christopherbier.com/gbg

Please let me know if there are any css tags that might be causing this.

如果有任何可能导致此问题的css标记,请告诉我。

Here is my previous question that includes my css etc. CSS spacing issues with Safari?

这是我之前的问题,包括我的CSS等。与Safari的CSS间距问题?

Any help is appreciated.

任何帮助表示赞赏。

2 个解决方案

#1


You might want to consider including css reset stylesheet. You can find a good one here:

您可能需要考虑包括css reset stylesheet。你可以在这里找到一个好的:

YUI CSS Reset

YUI CSS重置

This basically "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers".

这基本上“删除并中和了HTML元素的不一致的默认样式,在A级浏览器中创建了一个公平的竞争环境”。

Hopefully that will solve your problem!

希望这能解决您的问题!

#2


My guess is that it may well not be a css tag that's causing the issue, but just a difference in defaults on the two different browser versions. Each version is probably tailored to the OS to some extent, and may look different, which is expected.

我的猜测是它可能不是导致问题的css标签,而是两个不同浏览器版本的默认值差异。每个版本可能在某种程度上适用于操作系统,并且可能看起来不同,这是预期的。

Overriding this default behavior should raise a warning flag, because you're changing the overall look and feel, and it may not match well with the OS layout in general. It doesn't mean don't do it, but it does mean that you might want to proceed with caution.

覆盖此默认行为应该引发警告标志,因为您正在更改整体外观,并且它可能与OS布局一般不匹配。这并不意味着不这样做,但它确实意味着您可能需要谨慎行事。

#1


You might want to consider including css reset stylesheet. You can find a good one here:

您可能需要考虑包括css reset stylesheet。你可以在这里找到一个好的:

YUI CSS Reset

YUI CSS重置

This basically "removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers".

这基本上“删除并中和了HTML元素的不一致的默认样式,在A级浏览器中创建了一个公平的竞争环境”。

Hopefully that will solve your problem!

希望这能解决您的问题!

#2


My guess is that it may well not be a css tag that's causing the issue, but just a difference in defaults on the two different browser versions. Each version is probably tailored to the OS to some extent, and may look different, which is expected.

我的猜测是它可能不是导致问题的css标签,而是两个不同浏览器版本的默认值差异。每个版本可能在某种程度上适用于操作系统,并且可能看起来不同,这是预期的。

Overriding this default behavior should raise a warning flag, because you're changing the overall look and feel, and it may not match well with the OS layout in general. It doesn't mean don't do it, but it does mean that you might want to proceed with caution.

覆盖此默认行为应该引发警告标志,因为您正在更改整体外观,并且它可能与OS布局一般不匹配。这并不意味着不这样做,但它确实意味着您可能需要谨慎行事。