在移動設備越來越流行的現在，響應式設計成為了一個很重要的話題。而其中最常用的技術之一就是CSS和H5縮放。

.container {
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
@media screen and (min-width: 500px) {
.container {
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}

在上面的代碼中，我們可以看到.container是一個div元素，它的寬度和高度都設置為100%。同時，在初始狀態下，我們將它的縮放比例設置為1。當屏幕寬度達到500px時，就會觸發media查詢，此時我們將.container的縮放比例增大到2，從而適應更大的屏幕。

這樣一來，我們就可以實現使用CSS和H5縮放來響應不同屏幕的需求。同時，這種技術還可以讓我們在不改變元素的寬高比的情況下，對整個頁面進行縮放。這對于移動設備用戶來說，尤其是那些手指不太靈活的用戶來說，會更加方便快捷。