CSS3是現代Web開發的重要技術，可以使網頁元素更加美觀和動態。其中，CSS3 viewbox是一項非常有用的功能，可以幫助我們在網頁中實現可縮放、可伸縮的圖形。

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開發中更加方便地實現可縮放的圖形，值得我們在項目中積極運用。