2

I've been using this sample to create a "zoomable" content: http://code.msdn.microsoft.com/windowsapps/Scrolling-panning-and-47d70d4c

My HTML:

<div id="zoomElement" class="zoomElement ManipulationContainer">
    <img id="zoomContent" class="zoomContent" alt="" src="sample.jpg" />
</div>

My CSS:

.zoomElement {
    overflow: auto;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 20%;
    -ms-content-zoom-limit-max: 500%;
}

Now, no matter what, I've been unable to center the img in its container when it's unzoomed.

Cœur
  • 37,241
  • 25
  • 195
  • 267
  • Can you give more details on what you tried? – Tarek Ayna Jan 29 '13 at 02:31
  • I think the issue is not about div positioning, but about `-ms-content-zoom-limit-min: 20%;`. When it is below 100%, the 'unzoomed' content will always be at top left of its ManipulationContainer. – Cœur Jan 29 '13 at 10:35
  • note: we've dropped the related project 4 years ago – Cœur Jan 05 '17 at 03:44

0 Answers0