Увеличьте часть окна

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> 

EDIT: FIDDLE

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

На Двойной щелчок: 300% увеличение
На один клик: возвращение к дефолту.