윈도우의 일부분 확대하기

Question

웹 페이지에 동적 콘텐츠를로드 중입니다. 특정 주소는 div입니다. 이 콘텐츠는 전체적으로 div에 표시되도록 조정되며 사용자가이 div을 확대 할 수 있도록 허용하려고합니다. 이것은 모바일 버전의 페이지이기 때문에 너무 작을 까봐 걱정됩니다. 나머지 화면은 변경되지 않아야합니다.

HTML :

<div id="container"> 
    <div id="some_static_part"></div> 
    <div id="dynamic_part"></div> 
    <div id="some_other_static_part"></div> 
</div> 

CSS :

#container{ 
    width:100%; 
    height:100%; 
} 

#some_static_part{ 
    width:100%; 
    height:25%; 
} 

#dynamic_part{ 
    width:50%; 
    height:75%; 
} 

#some_other_static_part{ 
    width:50%; 
    height:75%; 
} 

Answer 1

이 당신을 도울 것입니다 무언가이다. FIDDLE

<div id="sampleDiv" style="width: 100px; background-color: Gray;"> 
      Zoom Me 
     </div> 

편집 : 더블 클릭에 FIDDLE

 <div id="sampleDiv" ondblclick="sampleDiv.style.zoom='300%'" onclick="sampleDiv.style.zoom='100%'" style="width: 100px; background-color: Gray;"> 
      Zoom 
</div> 

: 300 % 줌
클릭 한 번에 : 기본값으로 돌아갑니다.