CSS3是最新的CSS標準，給Web設計師提供了更多的選擇和創造性的操作方式，讓我們的網頁設計更加美觀和生動。

.box{
border-radius: 5px;
box-shadow: 0px 0px 5px #333;
transition: all 0.3s ease;
}

然而，CSS3不是所有的瀏覽器都可以兼容，特別是IE9及以下版本無法兼容CSS3的某些屬性，導致網頁顯示不完美。

.box{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #333;
-webkit-box-shadow: 0px 0px 5px #333;
box-shadow: 0px 0px 5px #333;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

為了讓網頁在IE9及以下的版本中正確顯示，最好在CSS中加入相應的前綴。這樣雖然增加了CSS文件的大小，但可以讓網頁的兼容性更加穩定。

@media all and (min-width: 768px){
.box{
width: 50%;
}
}

在CSS3中，可以通過@media查詢來實現響應式布局和自適應。然而在IE9及以下的版本中不支持這種方式，需要使用JS等其他方法來實現。

@media screen and (max-width: 767px){
.box{
width: 100%;
}
}

總之，在使用CSS3的過程中，不要忘記考慮不同瀏覽器的兼容性問題，特別是IE9及以下版本的用戶群體。在CSS中使用相應的前綴、寫兼容性代碼是我們應該注意的問題。

@media screen and (max-width: 480px){
.box{
width: 100%;
height: auto;
}
}