CSS Reset與Firefox和文本不兼容

我一直致力於Eric Meyer CSS Reset。我有一個文字很重的網站。重置工作的利潤率。但它沒有用於字體和字體大小。即使我重置了位置，Firefox似乎也會縮小所有文本。有什麼方法可以解決這個CSS代碼？CSS Reset與Firefox和文本不兼容

還是有什麼Firefox的黑客，將工作？如果你想看看我的問題是在Chrome中加載我的頁面，然後在Firefox中加載它並進行比較：http://emilymagnuson.com/mynews/index.html

另外，我是初學者，所以如果有什麼我明顯失蹤的，請告訴我。這將是如此讚賞。

謝謝！

/* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126 
    License: none (public domain) 
*/ 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 
/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 


#box { 
    background-color: #0F3; 
    margin: 0px; 
    float: left; 
    height: 200px; 
    width: 300px; 
    padding-top: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    padding-left: 0px; 
    font-family: "Courier New", Courier, monospace; 
    font-size: 1em; 
    color: #F00; 
}

來源

2013-01-16 Emily Magnuson

如果您**手動添加**字體會發生什麼？嘗試使用[Google Web Fonts]（http://www.google.com/webfonts） – Mooseman

中的字體您永遠無法期望像使用圖像一樣控制文本。每個瀏覽器都有一個稍微不同的引擎來呈現文本（操作系統差異，舍入差異，字體平滑，字體可用性等）。即使文本*以同樣的方式呈現，您也無法阻止用戶將它重寫爲更大或更小的內容，或者將所有字體都更改爲一起。 – cimmanon

是的，我明白這一點。但我正在報紙網站上工作，並希望找到一種方法來控制div容器中的字體。我已經使用谷歌字體，並沒有解決任何問題。 –

提到的reset.css在the site you've linked above中沒有關聯！

此外，這看起來像一個舍入誤差給我。

你的CSS規則：

.BodyType { 
    font-size: 1.125em; 
    line-height: 1.65em; 
}

Firefox和鉻都顯示1.125em字體大小，而歌劇蜻蜓顯示1.13em。

附上reset.css和完整的測試情況進行測試。如果仍存在差異，請嘗試將小數位數限制爲兩位（例如1.13em）。

如果設置在body - 元素字體大小的像素值，嘗試使用導致整數值分數。例如10px一個基本字體大小和1.125em元件字體大小將導致11.25px所計算的字體大小，而的1.2em一個元素的字體大小將導致12px一個計算字體大小。

來源

2013-01-16 19:16:21 feeela

謝謝Feeela，但我如何鏈接重置？我不知道有什麼可以聯繫的。 –

見上述評論 –

@Emily馬格努森如果你想使用一些樣式表，你必須把它列入你的HTML，使用'<鏈接相對=「樣式」類型=「文/ CSS的」 href =「...」 />'爲通常。你已經爲你自己的CSS文件做過了。 – feeela

CSS Reset與Firefox和文本不兼容

回答

相關問題