30.Nov.2021

How Apple changed the mobile web

------------------------------------------------------------------------------------
»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