Dynamic Height & Width plugin
This plugin would allow you to dynamically change any element's height/width depending on the viewport or page size.
Initially, the image has dimensions: Width: 1120 and Height: 381. The plugin resizes the image according to the specified screen percentage and maintains the aspect ratio when the page is resized. That means that the image will proportionally scale to fit X% of the current device screen size.
Here we showed 6 ways how to resize an image using a plugin. For instance, the "W: 50% H 25%" button means that the Width is 50% and Height is 25% of the device screen.
Click on any button or pull the slider and then change the size of this page to see how this image changes its size based on the screen.
Here we showed 6 ways how to resize an image using a plugin. For instance, the "W: 50% H 25%" button means that the Width is 50% and Height is 25% of the device screen.
Click on any button or pull the slider and then change the size of this page to see how this image changes its size based on the screen.
H: 0%
W: 0