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