Fennec/Features/readability: Difference between revisions

|Feature ux design=Some rough specs for two of the options above:

When the user zooms the page, all text on the page reflows so that lines of text are no longer than the screen width, even if the containing box is wider than the screen.  Only line wrapping is affected; the widths of block-level CSS elements are unchanged.  We might choose to do this only when the user double-taps on a piece of text, or for both double-tap and pinch zoom actions.

This feature be enabled/disabled by a preference, and this preference should probably be exposed to the user.  (Experience with Firefox and other mobile browsers shows that users are divided over this feature.)  For the implementation, the platform could expose a setter to specify a maximum text width, and the mobile front-end could set the value based on the current zoom level.  The panning behavior above might also require platform support.

The font sizes of some text on the page is increased based on heuristics.  The heuristics include the width of the text (wide text needs to be scaled up more so that it can be readable while still fitting on the screen).  There may be additional heuristics to avoid resizing text in ways that is likely to interfere with the normal layout of the page.  (Needs more research or testing of approaches.)