Operaでテキスト要素を配置するときにフォントサイズが余分なスペースを追加する

Question

何らかの理由により、フォントサイズを変更したときにオペラが余分なスペース（約2〜3ピクセル）を追加します。 #logo（フォントサイズを36px以上に変更する）または#nav（小さいフォントサイズの値）に表示されます。 ChromeとFirefoxですべてうまく動作するので、なぜOperaはこれをやっていますか？ 私のコードは面倒で、そこにたくさんのものがありますので、ここにアップロードしました： http://www.filedropper.com/site_5、誰かがそれをチェックしてもらえますか？

<div id="menu"> 
<p id="tek"> Samostalna Zanatska Radnja</p> 
<a id="logo" href="index.html">Savić</a> 
<ul id="nav"> 


<li><a class="link" href="#">Početna</a></li> 
<li><a class="link" id="izb" href="#">Izrada</a></li> 
<li><a class="link" id="ugb" href="#">Ugradnja</a></li> 
<li><a class="link" href="#">Galerija</a></li> 
<li><a class="link" href="#">Kontakt</a></li> 
</ul> 
</div> 



#logo{ 
font-size:35px; 
top:16px; 
left:80px; 
text-decoration:none; 
font:Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#FFF; 
} 
#tek, #logo{ 
position:absolute; 
z-index:4; 
} 

#nav { 
margin: 0; 
padding: 0; 
position:absolute; 
height:25px; 
top:75px; 
width:400px; 

} 
#nav li { 
/* use this instead of display:inline */ 
display:inline; /* float left i display:block su tu da bi lista isla u redu jer OPERA zeza sa display inline */ 
} 
.link{ 
text-decoration:none; 
font:Arial, Helvetica, sans-serif; 
font-size:12px; 
} 

#navのすべての要素がクラス.linkを持つため、リンクも追加しました。 デフォルトのテキストサイズの値で正常に動作しますが、12pxに設定すると、この奇妙な余分なスペースがOperaでのみ得られます。

Answer 1

： Why is text rendered with a greater font-size in Opera? をどうやらOperaは異なり、デフォルトのテキストをレンダリングするので、あなたのCSSでHTMLにフォントサイズを割り当てる必要があります。 たとえば、htmlにfont-size：16pxを追加するだけでうまくいくはずです。 これは完璧な解決策ではありませんが、それは完璧ではありませんが、仕事は終わりです。 すべてのクレジットは@phazeiに行きます

Answer 2

これらの両方の問題がa hrefタグ内で発生しているため、あなたのデフォルトのスタイルには関係がありますか？

私はpx以外の何かでfont-sizeを設定

1. てみてください。これは、http://pxtoem.com/
2. 設定word-spacing:normal;とletter-spacing:normal;これらの要素に役立ちます。

また、Operaをサポートする必要がありますか？統計は、全世界で3％未満のピックアップを示しています。私はここで解決策見つけた

http://gs.statcounter.com/

http://www.upsdell.com/BrowserNews/stat.htm