CSS changes reduce readability of documents

[pfps]

Many working group documents have had CSS changes applied to them, for example w3c/rdf-turtle#20, which include code like:

    @media (max-width: 850px) {
        table th, table td { font-size: 12px; padding: 3px 4px;}
        table.ex th, table.ex td {overflow-x: scroll; max-width: 42vw !important;}

This change has the effect of reducing the side of text in tables when window width falls below a 850px, which occurs in many situations, not just on small devices. The reduced size makes it harder to read tables. In at least some cases there is no benefit to reducing the text size as the table can be rendered with no problems without reducing the text size.

Here is a screenshot showing the size difference.

Note how when the body text is small but easily readable the text in the table is less readable. There is no reason to reduce the table text size here as the table can be rendered at this width with no problems.

[TallTed]

I agree with @pfps that this dynamic change of font size is problematic. Barring revelation of a strong justification for it, I think this aspect of the "improving display on mobile phones" CSS changes, which I do not think it accomplishes, should be undone/removed.