Currently, I find myself in a somewhat awkward situation. I have developed a website using Bootstrap 4 (with Compass as a Ruby gem). However, due to ongoing discussions about its appearance on mobile devices, the client has requested that I revert the page to behave like an "old-school" unresponsive website. They want it to simply scale into the browser, similar to traditional websites that are not designed to be responsive.
To achieve this, I removed the following meta tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
After making this change, the page is mostly functioning correctly. However, I've encountered issues on smaller screen sizes (less than 500px). I am now questioning which values I need to adjust in order to ensure that everything scales down appropriately.
Currently, most elements are scaling as expected, except for paragraphs (<p>
), headlines, and some other components. What adjustments am I overlooking?