HDTutorial
EN
How to Use CSS3 vh to Resize Images According to Your Browser’s Height

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Use CSS3 vh to Resize Images According to Your Browser’s Height

2,937 views October 25, 2017 5:20

Watch on YouTube
ChannelWPShout

Description from the creator

This video tutorial demonstrates how to edit your settings so that elements of your WordPress site are a certain percentage of the height of your browser window itself.

See the full article with a code example at: wpshout.com/quick-guides/using-css3-vh-viewport…

If you found this video helpful, give it a like, and subscribe to WPShout for more videos! Have more questions? Leave us a comment below, and we’ll offer what wisdom we can.

Get more quality WordPress tutorials in your inbox every Tuesday: wpshout.com/newsletter/

WPShout: In-Depth WordPress tutorials for Developers.

About this tutorial

WPShout published this 5:20 video tutorial on October 25, 2017. It has been watched 2,937 times on YouTube.

Channel
WPShout
Duration
5:20
Published
October 25, 2017
Views
2,937
Likes
17

Tags

Share

Further reading

  • Automatically resize images with browser size using CSS ... stackoverflow.com

    image container. Scaling images using the above trick only works if the container the images are in changes size. The #icons container uses px values for the width and height. px values don't scale when the browser is r…

  • How can I resize an image dynamically with CSS as the browser ... stackoverflow.com

    I wonder how I could make an image resize along with the browser window, here is what I have done so far (or download the whole site in a ZIP). This works okay in Firefox, but it has problems in Chrome: the image does n…

  • Using the CSS3 vh (viewport-height) Unit • WPShout wpshout.com

    I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”)It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet scre…

  • Resize image proportionally with CSS - GeeksforGeeks geeksforgeeks.org

    The resize property will not work if width and height of image defined in the HTML. Syntax: img { max-width:100%; height:auto; } Width can also be used instead of max-width if desired. The key is to use height:auto to o…

This tutorial in other languages