Editing Responsive Web Design

== Typography ==

The viewport meta tag prevents mobile devices from displaying pages as if they were at desktop resolutions.

<syntaxhighlight lang="html">
<meta name="viewport" content="width=device-width, initial-scale=1">
</syntaxhighlight>

<blockquote>Setting the viewport width to the device width and the initial zoom level to 1 allows the page to match the screen’s dimensions and scale the content appropriately. Without this, mobile browsers may render pages at a desktop screen width then shrink it down, leading to an overly small text size.<ref>[https://medium.com/@sikirus81/how-to-scale-fonts-responsively-with-css-for-different-screen-sizes-4107f233988b How to Scale Fonts Responsively with CSS for Different Screen Sizes] - sikiru on Medium.com</ref></blockquote>

== Reference ==

=== Sources ===
<references />

[[Category:Web Development]]