在網頁制作中，CSS樣式是必不可少的，可以用來美化頁面的外觀和布局。但是，在不同的瀏覽器上，同一個CSS樣式的顯示可能會不一樣，造成頁面的不統一和不美觀。

首先，不同的瀏覽器對CSS的支持程度是不同的。例如，IE瀏覽器對CSS2的支持較差，可能會出現一些不可預期的問題。另外，不同版本的瀏覽器也會對CSS的支持程度有所差異。

其次，不同的瀏覽器還有各自獨立的默認樣式。例如，某些元素在Chrome瀏覽器中有默認的margin和padding值，而在Firefox瀏覽器中則沒有。這樣就可能導致在不同瀏覽器下的顯示效果不同。

/* 等寬字體預先標簽 */
pre {
font-family: 'Courier New', Courier, monospace;
}
/* 代碼塊 */
code {
background-color: #f4f4f4;
border: 1px solid #ddd;
border-left: 3px solid #f36d33;
color: #666;
display: block;
margin: 1em 0;
overflow: auto;
padding: 0.5em;
}

解決這種情況的方法有很多，可以使用瀏覽器特定的樣式前綴，也可以使用流行的CSS Reset文件來重置瀏覽器的默認樣式。另外，在編寫CSS的時候，可以避免使用一些不兼容的屬性和值，盡量使用標準的CSS語法。

總之，要使網頁在不同的瀏覽器上保持一致的顯示效果，需要仔細調試CSS樣式，并盡量遵循標準的CSS語法。