i8是一種基于HTML5的新型瀏覽器，具有許多現代化的功能，如CSS兼容。這使得開發者能夠更輕松地編寫具有最新Web技術的網頁，同時保持其傳統的HTML5頁面風格。

但是，在i8中編寫CSS仍然需要一定的技巧。因為i8默認不支持CSS前綴，這意味著我們需要手動將CSS樣式與HTML頁面分離。分離后的CSS可以在不同的i8瀏覽器中運行，而不會干擾HTML頁面的渲染。

為了實現CSS兼容，我們需要使用i8的“@media”查詢語句。@media查詢允許我們在頁面中設置不同的媒體查詢，以適應不同的i8瀏覽器。

例如，我們可以使用以下CSS代碼來在i8中支持Google Chrome瀏覽器：

```css

/* 在Google Chrome瀏覽器中顯示 */

body {

font-family: Arial, sans-serif;

/* 在其他瀏覽器中顯示 */

@media screen and (max-width: 800px) {

body {

font-family: Arial, sans-serif;

font-size: 16px;

在上面的代碼中，我們使用“@media”查詢語句來定義不同的樣式，以適應不同的i8瀏覽器。在Google Chrome瀏覽器中，我們將字體大小設置為16px。在其他瀏覽器中，我們將字體大小設置為適應屏幕大小。

除了使用@media查詢語句外，我們還可以使用其他技巧來編寫CSS兼容，如使用CSS框架和媒體查詢中的“screen”選項等。通過使用這些技巧，我們可以更輕松地編寫具有最新Web技術的網頁，同時保持其傳統的HTML5頁面風格。