Word Wrapping when Pinching to Zoom text

Question

I have successfully implemented pinch to zoom text using CSS; however, the text does not wrap once it is zoomed larger than the article-section. How do I contain the text in the article-section and make it wrap while zooming in? Any ideas would be helpful.

Answer 1

Can you show exactly what you mean?

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.

NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined objects and unknown namespaces.

Answer 2

I've got:

HTML:

<div class="article-section">This is the text I want to zoom in to and wrap so it does not go off screen when it reaches a really large font size.</div>

CSS:

article-section {

overflow-y: auto;

-ms-touch-action: pan-x, pinch-zoom;

-ms-touch-action: pan-y, pinch-zoom;

-ms-content-zooming: zoom;

-ms-content-zoom-limit-min: 100%;

-ms-content-zoom-limit-max: 500%;

}