------------------------------------------------------------------------------------
»To mitigate this problem of virtual viewport on narrow screen devices, Apple introduced the "viewport meta tag"
in Safari iOS to let web developers control the viewport's size and scale.
Many other mobile browsers now support this tag.
-
Dev.Mozilla
«
------------------------------------------------------------------------------------
While I now longer count myself among the Apple Users (Be it iOS or MacOS),
I did experience their iOS products early on
Anyone asked would've probably answered the same way back when iOS devices released circa 2007
"Mobile internet ? Sure, but please with my Apple device"
If you tried using a "mobile webbrowser" before that day.. chances are, it just took the current ~desktop webpage~
and merly tried to forcibly render it in your browser
.. with the result lookomg anything but pretty
This changed, especially due to
Apple's Webkit - nowadays commonplace in most browsers
Especially the "viewport" tag from the intro section plays its part in making the mobile web experience possible,
as not only is the narrow (phone) screen highly impractical for the usually meant for landscape usage webpages,
but UI elements follow the desktop aswell
The website you're reading this on follows this trend aswell.
The Sidebar (top right) changes when you are on a Desktop PC, and requires mouse over to access it
- a feature not present - therefore inaccessible for iOS/Android browsers
Incase of a mobile device accessing the site, you'll get a hamburger menu
All this, thanks to one companies influence.
So next time you visit your favorite website on your mobile device, thank two:
*
Apple
and
*
The webdev that created this inclusive website that allows for all users to enjoy the site to its fullest
- diarykeeper
More Info: webdesign.tutsplus.com/en/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972