為什么不同瀏覽器之間,空格所占的寬度不一?
其實這個問題算不上是什么瀏覽器BUG;這是因為各瀏覽器之間,設置的默認字體不同造成的。
例如:IE的字體多數(shù)是采用宋體為默認字體,如:IE6,IE7,IE8.IE9使用什么字體暫時沒測試過。像谷歌瀏覽器,歐鵬,火狐,safari等,這些瀏覽器多數(shù)會采用微軟雅黑 這種黑體系字體。
所以我們要解決這個問題,就需要給頁面設置默認字體,對body的樣式默認設置為一種字體,以解決各瀏覽器之間字體不一導致的空格長度不一的情況。
思路已經明確了,下面我們要開始解決問題了。
首先我們要在body下設置 font-family樣式,為其設置中文字體和英文字體。為什么要設置兩種字體呢?因為有時候輸入內容時,會使用英文空格,有時候是中文空格.
至于中文字體和英文字體使用什么字體就隨個人喜好咯。