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