CSS3的viewbox属性通常用于SVG（Scalable Vector Graphics）格式的图形上，它类似于HTML中的viewport，指定了一个共享缩放比例的画布区域。其中，viewbox的值包含四个参数，分别代表左上角的x,y坐标和宽、高。例如：
svg {
width: 100%;
height: 100%;
}
.viewbox {
viewbox: 0 0 100 100;
}在这个例子中，大家把SVG图形设置为始终占满父容器的宽高。然后，给画布指定viewbox参数，表示画布的x轴和y轴的起点坐标都是0，宽和高分别是100。这样画布的大小就被固定了，并且它的比例和父容器相同。
接下来，大家可以在画布上绘制任何图形，它们都会被自动缩放到viewbox指定的比例。
上面的代码中，大家在画布上绘制了一个圆和一个矩形，因为它们都在viewbox的范围之内，所以它们会被缩放到相同大小，同时维持原有的比例。
总之，CSS3 viewbox是一个非常实用的功能，可以让大家在Web开发中更加方便地实现可缩放的图形，值得大家在项目中积极运用。