locked
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.
    Monday, February 24, 2014 3:38 PM

All replies

  • 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.

    Monday, February 24, 2014 7:49 PM
    Moderator
  • 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%;

    }

    Monday, February 24, 2014 8:17 PM