Accueil > Notes > @b_b - Seenthis
http://www.seenthis.net/people/b_b
Articles
-
New Viewport Units
4 octobre 2023, par b_b (@b_b)New #Viewport Units
▻https://ishadeed.com/article/new-viewport-unitsHowever, using the vh unit on mobile is buggy. The reason is that the viewport size won’t include the browser’s address bar UI. To solve that, we now have new viewport units. Let’s find out about them in this article.
https://ishadeed.com/assets/new-viewport-units/small-viewport-css.png https://ishadeed.com/assets/new-viewport-units/large-viewport-css.png https://ishadeed.com/assets/new-viewport-units/dynamic-viewport-css.png#css
-
CSS In Real Life | Breaking Out of a Central Wrapper
3 octobre 2023, par b_b (@b_b)CSS { In Real Life } | Breaking Out of a Central Wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper
▻https://css-irl.info/breaking-out-of-a-central-wrapper-05.webpUsing viewport units, we can force an element to break out of the wrapper, without changing our original markup!
.full-width {
width: 100vw;
margin-left: 50%;
transform: translate3d(-50%, 0, 0);
}
▻https://caniuse.com/viewport-units => 96.73%
▻https://caniuse.com/?search=translate3d => 96.15%