最近越來(lái)越多的CSS愛(ài)好者遇到了一個(gè)問(wèn)題，就是在使用谷歌瀏覽器預(yù)覽CSS時(shí)，發(fā)現(xiàn)頁(yè)面顯示的效果和設(shè)計(jì)的效果不一致。這是因?yàn)楣雀铻g覽器對(duì)于CSS的解析并不夠完美，無(wú)法支持某些CSS的特效和屬性。

例如，某些CSS3動(dòng)畫(huà)效果在谷歌瀏覽器上無(wú)法完全實(shí)現(xiàn)，表現(xiàn)為頁(yè)面元素的運(yùn)動(dòng)不夠流暢，或者完全沒(méi)有動(dòng)畫(huà)效果。

另外，谷歌瀏覽器在處理CSS盒模型時(shí)又與其他瀏覽器存在一些差異，導(dǎo)致頁(yè)面的布局、樣式等方面出現(xiàn)了問(wèn)題。就比如說(shuō)，當(dāng)設(shè)置了元素的寬度、高度、邊框、外邊距等屬性時(shí)，谷歌瀏覽器會(huì)把這些屬性都計(jì)算在元素的寬度之內(nèi)。

這種行為與標(biāo)準(zhǔn)盒模型的計(jì)算方式是不同的，而其他瀏覽器，比如FireFox和IE則會(huì)遵循標(biāo)準(zhǔn)盒模型計(jì)算元素的寬度和高度。

通過(guò)上述例子我們可以看出，在編寫(xiě)CSS時(shí)，要多多考慮不同瀏覽器對(duì)CSS的兼容性，以防止因?yàn)闉g覽器的兼容性問(wèn)題而導(dǎo)致頁(yè)面的錯(cuò)誤和不良體驗(yàn)。我們可以通過(guò)一些CSS hack或者使用CSS框架來(lái)解決這些問(wèn)題，從而兼容各種瀏覽器，確保頁(yè)面的正確呈現(xiàn)。