計算高度與指定高度不同

在我的網站上製作按鈕時，我試圖從www.google.com上的搜索按鈕中獲得靈感。計算高度與指定高度不同

因此，使用谷歌瀏覽器作爲瀏覽器，我去了www.google.com，右鍵單擊「Google搜索」按鈕並選擇「檢查元素」選項。我看到按鈕元素具有類「lsb」，並且css爲此類的元素指定30px的高度。這個規範沒有被另一個語句覆蓋（否則chrome會告訴我）。不過，當我查看計算值時，我發現高度是43px，而不是30px。

所以，我想知道，是什麼導致這種元素的高度增加？

來源

2011-06-28 Vivek Pandey

你在哪裏看到43px？ – alquatoun

當我檢查鉻中的元素時，任何元素都有「計算樣式」部分。我在那裏看到43px。 –

Oopsies ...對不起人。造成差異的原因是我將google.com頁面放大到144％。 30 * 1.44 = 43.2。所以，這就是爲什麼計算風格比CSS指定的更高！ –

問題是我已將google.com的縮放比例設置爲144％。所以，默認情況下會是30px，變成30 * 1.44 = 42px。

將縮放比例設置爲100％後，差異消失。

來源

2011-06-29 06:35:06

+1我也這樣做過 - 我經常在瀏覽器中增加頁面縮放比例，以便於閱讀。在SO上工作良好，但在設計比例圖像時效果不佳。這也是我的設計第一次在IE中完美運行，但在Chrome中「爆發」：/ – msanford

計算高度與指定高度不同

回答

相關問題