CSS3充滿了新特性和令人興奮的功能,但是在IE8及以下版本中并不支持CSS3的rem單位。這就需要我們使用CSS3 remie8的解決方案。
/* 設置根元素字體大小 */ html{ font-size: 62.5%; /* 將根元素字體大小設置為62.5% */ } /* 使用px作為備選方案 */ .box{ font-size: 20px; /* 以px為基準 */ font-size: 2rem; /* IE8及以上瀏覽器使用rem */ _font-size: 20px; /* IE7及以下瀏覽器使用px */ }
CSS3 remie8的解決方案就是通過設置根元素的字體大小為62.5%(即10px),然后使用rem作為單位進行布局。這樣,IE8及以上版本會自動使用rem作為單位,而IE7及以下版本則會使用備選方案px。
需要注意的是,在CSS3 remie8解決方案中,我們常常使用“_”來識別IE7及以下版本瀏覽器,以兼容不支持CSS3 rem單位的瀏覽器。
通過使用CSS3 remie8解決方案,我們可以方便地實現頁面布局和樣式的兼容,保證網頁在各種瀏覽器中的展示效果。