CSS是前端開發中不可或缺的一部分，它可以讓我們更好地布局網頁、美化網頁樣式，但是在兼容性上卻存在一些問題。尤其是屏幕尺寸的差異，不同的屏幕顯示效果不盡相同，這就需要我們解決CSS屏幕兼容性問題。

@media screen and (min-width: 768px) {
/* 響應式CSS樣式 */
}

響應式CSS是解決屏幕尺寸兼容性問題的一種重要方式。響應式CSS是根據屏幕尺寸的不同，實現不同樣式的自適應頁面布局。在CSS中，可以通過@media查詢來設置不同的屏幕尺寸下的樣式。

-webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
-moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
box-shadow: inset 0px 1px 0px 0px #9acc85;

另外一種CSS屏幕兼容性問題是瀏覽器廠商的差異。各個瀏覽器對CSS的支持程度不同，因此也可能導致顯示效果差異。針對這種問題，可以使用瀏覽器前綴來確保不同瀏覽器下都有相應的樣式。

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

最后一個需要注意的點是CSS3的兼容性問題。一些新特性可能在某些瀏覽器下不支持或者表現不佳。因此需要在編寫CSS3效果時考慮到兼容性問題，一些特效可以使用JavaScript來實現。

總之，在編寫CSS時，我們需要重點考慮屏幕兼容性問題，尤其是響應式布局、瀏覽器廠商差異和CSS3效果兼容性問題。希望以上幾點能對大家有所啟示。