top | item 26902298

(no title)

themoose8 | 4 years ago

A probably more realistic 'fix' for this would be a browser extension that could strip media queries out of all websites' css, below a certain threshold (eg, 600px)

discuss

order

DHPersonal|4 years ago

The consensus that I believe has been reached in the front-end community is to design the CSS with mobile versions as the default — no media queries — and then adjust the design with cascading media queries to manage specific needs of the various sizes that grow from the default. With grid and flex offering truly responsive layouts without excessive or restrictive media queries, adjusting for tablet and desktop screens consists largely of filling in any layout rendering/browser quirks or handling design quibbles.

The reasoning for this is fairly simple: a majority of users visit the site on mobile devices. Sites are being developed with a single code base for the largest group of visitors, with tablet and desktop users being added on afterward almost as alternative views. Using this process doesn't always produce the best results for any browser size because it requires a design plan that considers the requirements of this method.

jfengel|4 years ago

Even if a majority of users aren't on mobile, there will be at least some. And mobile renders better on a desktop than desktop renders on a mobile.

Desktop-only sizes and features are great add-ons if you have time. But being able to get MVP to 100% of users is the top priority.

lolinder|4 years ago

Does this solve the problem OP mentioned of many sites hiding the desktop version behind the query?

themoose8|4 years ago

Alas, I mentally skipped over that part of the article and reacted to this being somehow on the onus of the web designer.

It seems it may not be quite as simple as I described, but you could probably spoof the device width being sent to the web page