The meta viewport tag #html #webdevelopment #coding

[engine_man]

Really digging these gems. Actual useful information

[liamrwilkins]

I've been a web developer for 10 years and you just solved a huge mystery for me 😂😅
This explains a lot

[veritas]

It's the otherwya around. 980 is real pixel width and the meta thing reports the device that it's allowed to scale based on device-width which is scaling logic that's part of the browser dom renderer and obviously then in this case safari on webkit running on an iphone would have a certain preset based on various system settings. Down to font scaling.

[ravenaxyz]

it’s the other way around though. smartphone screens have a way higher pixel density (more pixels per inch) than a common desktop screen, so if the browser reported the real resolution, pages would try to render as if it was a desktop screen in portrait mode.
The tag actually helps by making the browser scale the viewport width so that the developer can adapt the website for small screen sizes in the stylesheet.

[runaway]

So this is what request Desktop option does in current day

[brightonshifu]

Bro got majestic eyes coupled with just about the most useful information.

[carliey]

I'm impressed by how the video circles around, on purpose?

[Flocksta]

Youtube recommend me this again. When im interested in html

[metacob]

Sizes on displays are just a web of lies we'll never escape. There's physical screen size, pixel density, how far away users sit from the screen, and user preference / eyesight.
And it's all glued together by lies in order to make something viewable come out at the end.

[Totallynotmwa]

Oh that's why it's important

[baskarafahlevy]

I didn't realize i was watching this for 5 times, it's sooo seamless

[TrekBoyOG]

At the time it was absolutely amazing to have the whole page there.

[b._.render]

That’s brilliant Thankyou for the explanation and I’m sorry that it’s not at 69 comments anymore ❤

[francescoanastasio]

At the time it was actually a very clever workaround by apple and it looked revolutionary and extremely comfortable ux 😂

[eplazai]

final transition before looping was smooth af

[onlyonwed]

Keep up with these really useful shorts.

[Cyber-Talks]

These days it's the other way around, for example iPhone 15 has resolution of 1179px × 2556px but with the meta viewport tag it's treated like it has a resolution of 393px × 852px

[cvkfbkq]

i like how he starts with the history of the tag existence. became a subscriber 1000years

[wnhl]

Amazing work man. Just started following after seeing over 10 videos and I want to hire you LOL. Trying to create a phpmyadmin to execute onto my website, but having trouble and than on the site would submit a file to update the database and render in the site. Have all the material and just can't seem to put it together. Your videos are helping me understand though.

[marianmuresan]

My question is, why isn't this a permanent fix, why is this still optional?