放大部分窗口

我在我的网页上加载了一些特定的动态内容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%; 
}

来源

2013-10-03 André

默认情况下，手机会显示缩放效果。 – vishalkin

但是是否可以通过捏缩放只在这个部分？ –

它是一个图像或东西？ – vishalkin

这是后话，这将帮助你。 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％缩放
在单一的点击：返回默认值。

来源

2013-10-03 02:02:13 vishalkin

谢谢，但没有一个小提琴为我工作（在Firefox上）。在发布这个问题之前，我已经阅读了关于“zoom”属性的内容，并且认为这是要避免的，因为它是一个旧的IE标签，并且最好使用CSS“transform”属性。然而，这不是我想要的，我只想让用户滚动并捏在框架中，而不会对页面的其他部分产生任何影响。 –

哦..可能你可以使用iframe来捕捉div中的动态内容。我对此不确定。 – vishalkin

@AndréYa老板不在Firefox工作。对不起，这是。 – vishalkin

放大部分窗口

回答

相关问题