zooming - 使用 -ms-content-zooming 使内容居中

Question

我一直在使用此示例创建“可缩放”内容： http ://code.msdn.microsoft.com/windowsapps/Scrolling-panning-and-47d70d4c

我的 HTML：

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

我的 CSS：

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

现在，无论如何，当 img 未缩放时，我无法将其居中放在其容器中。