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％变焦
单击：返回默认值。

放大窗口的一部分

1 个答案: