html - ウィンドウの一部を拡大する

Question

Web ページの特定の .xml ファイルに動的コンテンツをロードしています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

これはあなたを助けるものです。フィドル

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

編集： フィドル

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

ダブルクリック時: 300% ズーム
シングルクリック時: デフォルトに戻ります。