變焦時保持按鈕文字外觀

用戶放大或縮小時，如何保持按鈕的外觀？文本和按鈕邊緣之間的間距需要保持一致。在小提琴變焦時保持按鈕文字外觀

jsfiddle of this question

如果您的瀏覽器縮放設置爲100％，從小提琴刪除zoom: 1.1;，你會看到按鍵與完全包含和居中的文本 - 這看是目標。

也許更容易重新創建本機mac樣式按鈕的CSS，並進行必要的修改。

解決這個問題或者重新創建相同的OS X樣式並不容易，所以我開始了一個賞金。

我已經在鉻，Firefox和IE瀏覽器上進行了操作，一切都放大到了正確的位置，並且沒有看到按鈕邊界之外的文字。 http://i.imgur.com/q3mZ7.png

2012-12-06 08:16:25 Astro

嗯，確實文本停留在按鈕的中心，如果沒有放大？你有一個解決方案，請分享一個鏈接到一個jsfiddle，最好是上述jsfiddle的一個分支。 –

這就是我沒有改變任何東西 - 你的代碼在放大不同的瀏覽器時工作得很好。我在前面的回覆中提供了截圖的鏈接。你在使用什麼操作系統和瀏覽器？ – Astro

如果你看得夠近，它實際上並不居中。我誇大了縮放在這裏：http：//jsfiddle.net/DevinRhode2/B4Usb/5/你在Windows或Mac，什麼版本？ –

在Chrome上使用OSX的確存在問題，這是由於OSX的按鈕的處理非常嚴格的默認樣式規則。

您可以通過添加自己的背景樣式的按鈕修復：

#fixed { 
    background: #eee; 
    border: 0; 
}

我刪除邊框也爲風格的按鈕默認邊框uuugly。

2012-12-06 08:53:36 Kyle

回答