如何忽略使用Javascript縮放的特定元素

我想在我的應用程序頁面的特定區域（div）上構建縮放功能。我在下拉列表中顯示了％值（200,100,50），我部分使用它下面的代碼。如何忽略使用Javascript縮放的特定元素

JavaScript函數：

function ChangeZoom(zoom) { 

      var Page = document.getElementById('divGrid'); 
      Page.style.zoom = zoom; 
     }

ASPX頁面：

<select name="" id="ddzoom" onchange="ChangeZoom(this.options[this.selectedIndex].value);"> 
              <option value="400%">400%</option> 
              <option value="200%">200%</option> 
              <option value="100%" selected="selected">100%</option> 
              <option value="50%">50%</option> 
             </select>

上面的代碼工作很好，這將改變所有元素的縮放級別。現在，在我的情況下，這個div裏面我有圖像的多個控件，我不希望規模是因爲我要求它在100％僅SRC路徑更改爲頁面

即優化

<img id="MainContent_grid_Image1_0" class="device" src="../../Images/Device/100/5.JPG" ">

在200％

我就改成SRC =」 ../../圖片/設備/ 200/5.JPG

但發生了什麼事，將規模的形象也！在這種情況下，我需要使用style =「zoom：50％」減小比例尺 as下面。

<img id="MainContent_grid_Image1_0" class="device" src="../../Images/Device/200/5.JPG" style=" 
    zoom: 50%; 
">

我該如何忽略div縮放級別中的那個元素，或者我該如何實現另一個簡單的方法？

也放大css屬性只與鉻合作。我需要在IE中運行它& FF？

在此先感謝！

來源

2012-10-17 Arun Rana

我上面的問題按100％縮放級別解決自己如下

只是我已採取修復高寬度，這樣也就對圖像沒有額外的縮放

<img id="MainContent_grid_Image1_0" class="device" src="../../Images/Device/100/5.JPG" height="60" width ="35">.

它運作良好，在Chrome 。

來源

2012-10-18 11:12:30

如何忽略使用Javascript縮放的特定元素

回答

相關問題