In this day and age, the regular site should serve a mobile-friendly page on a phone. There is CSS to detect the browser size and orientation and change the style.
Can you do it without loading a bunch of heavy scripts? Making a html responsive is always something challenging I face since I’m not a web developer. I just make htmls when I have to share some data visualization. And I couldn’t find how to make it responsive without using bootstrap, sth-ui, etc and using their classes and scripts.
I’d love if vanilla CSS just had if statement like thing for “portrait/landscape” or “>threshold/not” for contents width and fonts.
In this day and age, the regular site should serve a mobile-friendly page on a phone. There is CSS to detect the browser size and orientation and change the style.
Can you do it without loading a bunch of heavy scripts? Making a html responsive is always something challenging I face since I’m not a web developer. I just make htmls when I have to share some data visualization. And I couldn’t find how to make it responsive without using bootstrap, sth-ui, etc and using their classes and scripts.
I’d love if vanilla CSS just had if statement like thing for “portrait/landscape” or “>threshold/not” for contents width and fonts.
It actually does, there’s “@media” which lets you query stuff about the browser like if it’s touchscreen vs mouse (and maximum/minimum width/height)
Example:
@media screen and (max-width: 1300px) { do stuff for screens less than 1300px }