伸缩盒（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中非常重要的一种新的布局方式，它可以帮助我们实现更加灵活和自适应的页面布局。但要考虑到不同浏览器的兼容性，我们需要使用一些特定的写法来实现兼容性，同时也可以使用响应式布局框架等工具来简化代码和提高效率。