Triangle Toot Party!

1 post1 participant0 posts today

C.<a href="https://mindly.social/tags/Congratulations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Congratulations</a> to <a href="https://mindly.social/tags/Wikipedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wikipedia</a> for breaking their interface with whatever update they've just deployed.In Firefox, the layout for tables goes wider than the viewport, but there is no way to scroll horizontally, so half the content is impossible to see.<a href="https://mindly.social/tags/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scroll</a> <a href="https://mindly.social/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewport</a> <a href="https://mindly.social/tags/Firefox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Firefox</a> <a href="https://mindly.social/tags/UI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UI</a> <a href="https://mindly.social/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fail</a>

NelsonSince the mobile web era began, web pages have included this <a href="https://jawns.club/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> boilerplate to indicate they've accounted for smartphone screens, so phones shouldn't zoom the <a href="https://jawns.club/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewport</a> weirdly:<meta name="viewport" content="width=device-width, initial-scale=1">Is this whole incantation still necessary on every web page? MDN says the `initial-scale` attribute has "Default: 1": <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#initial-scale" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag#initial-scale</a>Does that mean we can skip that attribute? Paging <a href="https://mas.to/@j9t" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@j9t</a>Stackoverflow fail: <a href="https://stackoverflow.com/questions/74384622/is-initial-scale-1-necessary-to-be-included-in-meta-viewport-tag" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://stackoverflow.com/questions/74384622/is-initial-scale-1-necessary-to-be-included-in-meta-viewport-tag</a>

Nicolas Hoizey🔗 “The ideal viewport doesn’t exist” by <a href="https://bell.bz/@andy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@andy</a> <a href="https://mastodon.social/@leannecodes" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@leannecodes</a><a href="https://mamot.fr/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mamot.fr/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewport</a> ⚓️ <a href="https://nicolas-hoizey.com/links/2023/08/25/the-ideal-viewport-doesn-t-exist/" rel="nofollow noopener noreferrer" target="_blank">https://nicolas-hoizey.com/links/2023/08/25/the-ideal-viewport-doesn-t-exist/</a>

Stef WalterThe ideal viewport doesn’t exist:<a href="https://viewports.fyi/" rel="nofollow noopener noreferrer" target="_blank">https://viewports.fyi/</a> You can’t make design decisions based on user’s viewport, instead, go beyond, structure your content, make sure it works at different sizes, with different user conditions, etc. <a href="https://front-end.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Responsive</a> <a href="https://front-end.social/tags/Viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Viewport</a>

John RefiorWhat's the lowest viewport resolution you're committed to supporting? -- <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://hachyderm.io/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewport</a>

John RefiorRan into this problem testing on my mom's iPad. Can't rely on pure CSS for viewport height <a href="https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html" rel="nofollow noopener noreferrer" target="_blank">https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html</a> -- Update: thanks for the info/correction! I'm trying out the new units (replacing 100vh) -- <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#iOS</a> <a href="https://hachyderm.io/tags/viewport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#viewport</a> <a href="https://hachyderm.io/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

Recent searches

Search options

Administered by:

Server stats:

#viewport