1. Stephen Vaughan
    · Reply

    It sound like an interesting nut to crack.

    I see their are some new relative units on the way for height and width, extending vh and vw. There is large: lvh and lvw. Small svh and svw. The interesting one is dynamic: dvh and dvw. My understanding is that these dynamic values will detect where device UI takes up part of the viewport and adjusts the design to fit so where using 100vh, it won’t get cropped on mobile; you will still see all elements in a layout that are intended to be seen.

    It does sound that working designs down to mobile size will become easier to accomplish. At the moment most themes and WordPress offer three breakpoints based on desktop, tablet (portrait) and mobile. This never seems enough. I’ve seen some themes offer up to 5 viewports, but there are always those edge cases where you have to squeeze in another media query. Something a bit more dynamic would be welcome.


  2. Sylvia Tooker
    · Reply

    Justin, I am so glad you are writing for WPTavern. Web designers, like me, who are not developers need your plain-English explanations and insights about complex topics to make sense of the ever-changing technology that affects us all. This article clarified some of my own thoughts and concerns. So, thank you!


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: