demo · v131
locked elements: ASCII diagrams, tables, code
Some content can't tolerate user-agent zoom: ASCII tables, hex dumps, code blocks where alignment matters. v131 makes text-size-adjust: none reliably honoured on these elements while letting the rest of the page respect the user's preference. Toggle the dropdown to compare.
not locked — respects platform scaling
Welcome
This text follows the user's accessibility preference for text size. Larger users get larger paragraphs.
+--------+ +--------+ | source | -> | sink | +--------+ +--------+
locked — text-size-adjust: none
Welcome
This paragraph stays at the declared 16px even if the user zooms.
+--------+ +--------+ | source | -> | sink | +--------+ +--------+
recommended pattern
Lock the alignment-sensitive sub-tree, not the whole article. The user-facing prose should still respect text-zoom — only the ASCII diagrams and code blocks need the lock.
article { /* respect user scaling */ }
article pre.diagram,
article table.aligned,
article code.hexdump {
text-size-adjust: none;
-webkit-text-size-adjust: none;
}