If you REALLY want something like we had, without JS and non-standard features, you can try something like:
@media screen and (min-width: 1000px) { html { max-width: 100ex } html { max-width: 80ch } } The @media queries is a long-standing feature and should just work. The "ch" isn't supported by IE <=8 and Opera <=20, so if you really care, you can use doubled declaration: this way browsers that don't support "ch" will use old "ex". Using "ex" for specifying width is ugly and it probably should be something like "65em" instead anyway... -- WBR, Vadim Zhukov 2018-05-18 4:08 GMT+03:00 Ingo Schwarze <schwa...@usta.de>: > Hi Ken, > > Ken M wrote on Thu, May 17, 2018 at 08:50:53PM -0400: > >> I will probably have to duck and run >> for suggesting javascript as the answer here... > > Precisely. :) > >> But for the most part the modern industry standard to make pages >> scale well across many devices and screen orientations is to use >> a responsive design library, most notably bootstrap. > > We are talking about a simplistic one-column layout here, > and avoiding that kind of bloat (in particular javascript) > is among the top four design goals, together with support > for hyperlinks, support for semantic annotations, and avoiding > gratuitous presentational differences when compared to terminal > output (just to avoid misunderstandings, not every difference > is gratuitous: for example, terminals naturally use fixed-width > fonts, HTML naturally uses proportional fonts). > > But no, javascript is an even worse suggestion than the > original idea of "meta viewport". > > Yours, > Ingo >