CSS and HTML.
Long sets of characters without a space, such as URLs shown as content, can break reflow when the page is zoomed. The objective of this technique is to present URLs without introducing a horizontal scroll bar at a width equivalent to 320 CSS pixels or a vertical scroll bar at a height equivalent to 256 CSS pixels. This is done by using CSS techniques that adapt to the available viewport space. Note: Using a human readable text link, rather than a long URL, is better for usability and accessibility.
By default most browsers will wrap long URLs at the following characters:
Sometimes these are not enough to ensure that long URLs will not overflow the viewport.
Using the following CSS will cause long URLs to break at appropriate places (hyphens, forward slashes, etc.) and within words without causing reflow.
List of CSS declarations used and why they are used:
overflow-wrap: break-word: Allows words to be broken and wrapped within words. word-wrap: break-word: Allows words to be broken and wrapped within.a {
overflow-wrap: break-word;
word-wrap: break-word;
}For strings of text that are wider than 320px check:
If the browser is not capable of zooming to 400%, you can reduce the width of the browser proportionally. For example, at 300% zoom the viewport should be sized to 960px wide.
#3 and #4 are true.