文本在不同瀏覽器中的大小不同

我確定以前有人遇到過這個問題，但我無法弄清楚，因爲我猜測我不夠清楚。文本在不同瀏覽器中的大小不同

我有一個表格。其中一個輸入會附加一些JS，以便在用戶鍵入（鍵盤）時，頁面上其他位置的div會更新他們正在輸入的內容。例如他們鍵入「你好」，它出現在下面的div。

我不想div更新得到任何大於900px寬，只有一個文本行高。

當時我有隱藏溢出的div，所以任何多餘的文本消失，我也有input設置的maxlength，所以它不能太大。然而，由於不同的瀏覽器空間文本不同，在一些瀏覽器中，它允許（例如）10個字，在其他瀏覽器中允許11.

我已經完成了CSS重置的事情，相同但文字的間距似乎不太受影響。

是我唯一的選擇，試圖使用CSS來使字符之間的間距相同的瀏覽器？

任何人都可以提出任何替代方案嗎？

編輯

這裏是我使用的CSS復位：

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}

我使用的字體是宋體32PX

來源

2011-10-21 crazy sarah

你正在使用什麼CSS重置頁面？ – Whetstone

文本在不同的瀏覽器中看起來總是不一樣......你是否在使用像素來處理'font-size'？ – jackJoe

fyi在一個完全無關的點：http://whattheheadsaid.com/2010/09/effectively-detecting-user-input-in-javascript –

你的CSS復位是一個非常不好的一個。它修復了很多顯示問題，但沒有解決文本大小問題，因此對於這個問題沒有用處。您可以找到更全面的here，但更改重置頁面可能會產生意想不到的效果。我會建議使用一些檢查工具來檢查是否有填充或邊距縮小可用大小以寫入文本，如果沒有，則設置文本的所有方面以使其始終呈現。

來源

2011-10-21 16:18:08 Whetstone

嘿，謝謝你的工作。事情看起來現在。再次感謝:) –

沒問題！您是否介意詳細說明哪些部分爲未來的Google員工工作？ – Whetstone

是的，我只是將css重置（在原來的Qu中）與鏈接上的css進行了交換，您很友善地建議並重擊！ :)我不確定究竟是什麼區別，因爲在那裏有一些我不認識的命令。在新的CSS中重置舊版瀏覽器有什麼用處？ –

文本在不同瀏覽器中的大小不同

回答

相關問題