Responsive Web Design: Difference between revisions
Jump to navigation
Jump to search
(Created page with "== 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...") |
(No difference)
|
Revision as of 00:24, 23 July 2024
Typography
The viewport meta tag prevents mobile devices from displaying pages as if they were at desktop resolutions.
<meta name="viewport" content="width=device-width, initial-scale=1">
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.[1]
Reference
Sources
- ↑ How to Scale Fonts Responsively with CSS for Different Screen Sizes - sikiru on Medium.com