伸縮盒（Flexbox）是CSS3中的一個新的布局模式，它可以讓容器中的元素自由地伸縮和分布，使得頁面布局更加靈活自適應。然而，由于不同的瀏覽器對CSS3的支持程度不同，為了兼容不同的瀏覽器，我們需要使用一些特定的寫法來實現伸縮盒布局。

關于伸縮盒兼容寫法，我們需要先考慮兩個問題，分別是伸縮容器的兼容性和伸縮項目的兼容性。

對于伸縮容器的兼容性，我們需要設置容器的display屬性為flex或-webkit-box等特定的值，示例代碼如下：

.container{
	display: flex; 		/* 標準寫法 */
display: -webkit-box;	/* Safari 和 Chrome 寫法 */
}

對于伸縮項目的兼容性，我們需要針對不同的瀏覽器設置不同的屬性值。例如，某些瀏覽器不支持flex屬性，我們可以使用-webkit-flex代替，示例代碼如下：

.item{
	flex: 1;		 	 /* 標準寫法 */
	-webkit-flex: 1; 	 /* Safari 和 Chrome 寫法 */
	-ms-flex: 1; 		 /* IE 10 寫法 */
}

除了以上寫法，我們還可以使用響應式布局框架如Bootstrap等工具來兼容伸縮盒布局。同時，對于一些特定的布局需求，我們也可以使用舊的定位方式，如float和position等，來實現兼容性。

總的來說，伸縮盒（Flexbox）是CSS3中非常重要的一種新的布局方式，它可以幫助我們實現更加靈活和自適應的頁面布局。但要考慮到不同瀏覽器的兼容性，我們需要使用一些特定的寫法來實現兼容性，同時也可以使用響應式布局框架等工具來簡化代碼和提高效率。