我將Firefox和Chrome並排排列在一起。在使用Web字體的文本項目中，我有一個沒有垂直填充或沒有垂直邊距的h1元素。我得到一個像素的差異。如果我在firefox和chrome中查看計算信息，兩者都是以56px計算的，但是在視覺上，兩者都有一些填充，其中firefox是額外的1個像素。有想法該怎麼解決這個嗎？無法上傳照片。無法獲得跨瀏覽器的像素完美高度

2013-11-20 Bob Cahill

你將不得不提供給我們的代碼什麼的。（上傳一張照片imgur或其他） –

好吧，如果你真的想進入它，還有的直接FF只有CSS呼叫主機像你使用的目標IE https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

有一個margin和padding可能工作。

來源

2013-11-20 21:23:10

你將不得不向我們提供一些圖片或東西，以便我們能夠更好地爲您提供幫助。，但試圖利用Normalize.css

http://necolas.github.io/normalize.css/

來源

2013-11-20 21:33:20

我已經正常化已經建立。這裏是你可以在瀏覽器中預覽的簡化版本：<！DOCTYPE HTML> 無標題文獻 <鏈路的rel = 「樣式表」 SRC = 「// normalize-css.googlecode.com/svn/trunk/normalize.css」/> <風格類型= 「文本/ CSS」> \t * { \t \t margin：0; \t \t padding：0; \t \t} \t body { \t \t height：100％; \t \t寬度：100％; \t} \t

測試文本

–

不知道爲什麼發生這種情況。我添加了1px的頁邊距，並且在Chrome和FireFox上都正確對齊。 –

<style> 
* {margin: 0;padding: 0} 
body,html {height: 100%;width: 100%} 
    </style>

添加到您的風格，都應該順利

來源

2013-11-20 21:42:04

已經有設置。下面是一個簡化的版本：<！DOCTYPE HTML> 無標題文檔 <鏈路相對=「stylesheet」src =「// normalize-css.googlecode.com/svn/trunk/normalize。CSS」 /> <風格類型= 「文本/ CSS」> \t * { \t \t餘量：0; \t \t填充：0; \t \t} \t體{ \t \t高度：100％; \t \t寬度：100％; \t} \t

測試文本

–

無法獲得跨瀏覽器的像素完美高度

回答

測試文本

測試文本

相關問題