The elements are scaled using CSS3, overflow the parent element part can't see h

The use of CSS3 transform: scale (3) rotate (0DEG); zoom in and out of the elements
The elements are scaled using CSS3, overflow the parent element part can not see how, how to do?
#wallpaper-renderer{
        width:320px; 
        height:460px;
        overflow:auto;
        position: relative;
}
#viewport{ 	
        position:absolute; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
        background:url(../images/ChinaMap.png) no-repeat center center; 
        background-size:cover;
}
.zoom{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	-moz-transform: scale(3) rotate(0deg);
	-webkit-transform: scale(3) rotate(0deg) ;
	-o-transform: scale(3) rotate(0deg);
	-ms-transform: scale(3) rotate(0deg) ;
	transform: scale(3) rotate(0deg) ;
}
.rezoom{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	
	-moz-transform: scale(1) rotate(0deg);
	-webkit-transform: scale(1) rotate(0deg) ;
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg) ;
	transform: scale(1) rotate(0deg) ;
}

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script>
$(function(){
    $("a").on("click",function(e){
              var ind = $(e.currentTarget).index()
              switch(ind){
                   case 0:
                        $("#viewport").addClass("zoom").removeClass("rezoom");
                   break;
                   case 1:
                       $("#viewport").addClass("rezoom").removeClass("zoom");
                   break;
              }
    });
})    
</script>
           <a href="#">Zoom Preview</a>
           <a href="#">Reduction of size</a>
            <div id="wallpaper-renderer">
                <div data-role=view   id="viewport">
                	<label>ABCDE FGHIJK</label> 
                </div>
            </div>

Started by Bartley at November 14, 2016 - 2:37 AM

Released a week later, there is no response .

----------------- 2013-6-27 14: 57

Posted by Bartley at November 21, 2016 - 3:21 AM