2014-04-24 91 views
1

我必須使用固定高度的某些佈局(谷歌地圖與邊欄中的表單)元素,我注意到Firefox的600px高度比其他瀏覽器(Chrome,IE 8)大得多。 Firefox 600 px實際上顯示爲cca 690 px!即使谷歌地圖瓷磚也進行了重新調整,所以它們在FF和Chrome中都顯示相同。甚至Web開發人員工具欄/ Misc/Ruler也會顯示600 px。Firefox有不同的像素大小?

  1. 這怎麼可能?哪個設置正在做這個?我認爲這個像素是非常清晰的單位,它是一個真正的像素是可靠的。
  2. 我可以將它重置爲Firefox的正常高度,以便它在所有瀏覽器中看起來都一樣嗎?我遇到了這個問題,因爲在Firefox中,一切都可以適應這些「600」(= 690)像素,但不適用於其他瀏覽器。我希望尺寸與實際適合的表格字段相似。
  3. 是否可以這樣做?或者,不是因爲它也將打破其用戶已經習慣了一切(字體大小)的大小,它可以打破與其他網站等瀏覽器設置和用戶期望

PS:請注意,我已經做了Ctrl-0(或菜單視圖>縮放>重置)在FF和類似的Chrome。

+0

Chrome和Firefox之間的像素數唯一的區別在於它們是如何計算邊框的,所以我想你需要:1.重置兩個瀏覽器上的縮放比例,以確保兩者都處於100 %2.檢查你是否有任何具體的moz css可能會影響你的網頁。另外,請確保您擁有所有需要的CSS供應商前綴。並非所有瀏覽器都已經實現了所有的css更改。 –

+0

@CatalinDeaconescu nope,它不是由邊框引起的(邊框只有1px,還要注意圖片 - 谷歌貼圖瓷磚 - 在FF中被重新縮放)。所有瀏覽器中的縮放都已重置。 – TMS

+0

你可以發佈CSS的元素,搞亂了設計?你是否檢查過你有供應商前綴版本的css規則以及可能影響設計的前綴? –

回答

0

我遇到了類似的問題,其中Firefox(OSX)上的每個元素都小於任何其他瀏覽器(OSX或PC)。我意識到問題來自於我在CSS中提供的字體大小。 我能解決這個問題(我自己的網站至少)通過改變:

html{ 
    font: 1em/1.5 Helvetica, Arial, sans-serif; 
} 

html{ 
    font: 16px/1.5 Helvetica, Arial, sans-serif; 
} 

我用em s將我的很多內容,我猜如果您沒有指定em有多大,Firefox將根據自己的尺寸規則進行設置。

+0

nope,這不是問題,因爲EVERYTING,包括圖像,谷歌地圖等在Firefox中顯示更大。 – TMS

+1

奇怪。是的,這也是我受到影響的一切,但更小而不是更大。 – Meg

+0

同樣的事情發生在我身上,但在Firefox上,一切都變小了 –

相關問題