文本大小在IE和Firefox中不同

爲什麼IE中的文本比Firefox更大（更寬）？實施例（在頂部是IE如何呈現文本，底部是FF）：文本大小在IE和Firefox中不同

Image

在CSS像Arial 16px的聲明的文本。我知道在IE中有一個反鋸齒，但它不應該使字體更大的國際海事組織。這是這種情況嗎？它打破了我的設計，除了減小字體大小外，我可以做任何事嗎？

謝謝！

來源

2011-03-28 sydo

當涉及到不同的字體大小時，您應該可以使您的設計更加健壯。 – 2011-03-28 16:55:10

其中一個幾乎看起來粗體。正如Carl所建議的那樣，讓您的設計更加接受不同的文本大小，尤其是對於能夠查看文本大小的用戶。至於瀏覽器之間的細微差別，有時使用一個CSS復位器可以幫助

http://www.maxdesign.com.au/articles/css-reset/

來源

2011-03-28 16:57:07 Hawxby

如果你絕對必須在所有瀏覽器的像素完美的設計（不推薦它，只需使用圖像對於那些部件），我會嘗試從CSS重置開始。

這裏是一個真的長長的CSS行，你可以插入樣式表的頂部來「重置」CSS。瀏覽器傾向於使用他們自己的默認值，如果你不考慮它們，可能看起來古怪。

/* 
Copyright (c) 2010, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License: 
http://developer.yahoo.com/yui/license.html 
version: 3.3.0 
build: 3167 
*/ 
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

Credit to Yahoo !: http://developer.yahoo.com/yui/3/cssreset/。

來源

2011-03-28 16:58:44 Blender

還有[Eric Meyers重置]（http://meyerweb.com/eric/tools/css/reset/index.html）作爲選項。 – 2011-03-28 18:20:02

結合他們兩個！ – Blender 2011-03-28 19:07:34

也可以嘗試明確設置的「第二部分」的font-family屬性的無襯線的等：

FONT-FAMILY：宋體，無襯線;

如果是抗鋸齒，在IE中沒有CSS設置來改變它。另外，操作系統可以對字體渲染方式，一個ClearType的影響等

來源

2011-03-28 17:02:13

你試過字體大小調整

例子：字體大小調整：0.47;

來源

2013-11-22 11:34:58 Plasebo

文本大小在IE和Firefox中不同

回答

相關問題