放大部分窗口

我在我的網頁上加載了一些特定的動態內容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

放大部分窗口

回答

相關問題