How to apply content zoom on an element without affecting some of its children

Question

Working on a Windows 8.1 JavaScript app, is it possible to apply -ms-content-zoom: zoom on an element, and have the zoom not affect some of it's children? 

<div style="-ms-content...">

<img /> // Can get zoomed

<div> // DOn't want to zoom

</div>

Thanks,

Joe

---

Joe

Answer 1

Why would you do that?

If you really want to do this, why not separate the second div out of the zoom div.

<div>
<div style="-ms-content...">
    <img /> // Can get zoomed
</div>
<div> // DOn't want to zoom
</div>

--James

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.