1. 首頁
  2. 問答
  3. 溢出：Firefox與Chrome瀏覽器（CSS）隱藏看起來不同

溢出：Firefox與Chrome瀏覽器（CSS）隱藏看起來不同

2014-04-18 122 views
2

我有以下2in x 1in條形碼創建（必須是這些尺寸）。如果這個名字太長，我想要它overflow:hidden。這在Firefox中效果很好，但在Chrome中不會（請參閱屏幕截圖）。我猜測它與我的CSS有關。我還驗證了這兩個瀏覽器都處於默認縮放。溢出：Firefox與Chrome瀏覽器（CSS）隱藏看起來不同

火狐：

Firefox

鉻：

Chrome

工作演示：

http://blastohosting.com/barcode_overflow/

正如你在CHRO告訴我可以看到底部的部分詞語並未完全隱藏。

來源

2014-04-18 Chris Muench

回答

2

這與四捨五入的字體大小有關。

使用整數字體大小，它在兩個瀏覽器中看起來都是一樣的。

例：font-size: 13px;

編輯：我也建議使用像素尺寸，用英寸可有瀏覽器之間的不同的顯示（我還沒有發現任何差別，但我更喜歡在一個像素的環境中使用像素）。

來源

2014-04-18 15:23:20 jackJoe

+0

重置你的CSS這似乎這樣的伎倆。我不得不爲此努力一下，但似乎這樣做。 –

+0

您必須清楚，使用'px'作爲'font-size'的單位時，您可能會遇到其他問題，例如在較早的IE中沒有文本縮放或移動設備上的響應式設計問題。 –

相關問題

 相關問題