Question
Standard Chartered Bank
IN
Last activity: 23 Nov 2020 23:39 EST
The Background Image is not Resized on Zoom out and Zoom in
Need to Automatically Adjust background image according to screensize during zoom out or zoom in irrespective of image resolution.
but image is getting bigger at the time of zoom in with a scrol bar and getting smaller when zoomed out.
Screenshots attached.
Can anyone kindly help me on this.
Pegasystems Inc.
IN
Hi Gowtamraaj,
Looks like your issue is similar to that mentioned here: https://collaborate.pega.com/question/image-size-does-not-adjust-automatically-when-screen-resolution-less-100
Please go through the above article and check if that resolves your issue!
If it doesn't then please do inspect element and add a couple of CSS attributes to the DOM element containing the image in the background that will set the image as cover and then it will have resistance to the zoom-in or zoom-out actions. You can get several articles on the web on this.
Stackoverflow: https://stackoverflow.com/questions/29463586/why-is-my-container-background-image-so-zoomed-in
background-size, background-position, and background-repeat are some of the attributes that you can give it a try.
Thanks,
Atikant
Standard Chartered Bank
IN
Hi Sinha,
Thanks for your suggession I have already tried the above by providing the below attributes but still i get the white background in the bottom if the image is zoomed out after 67%. Kindly see the screen shot below.
background-repeat: no-repeat;
background-size: cover;
or
background-repeat: no-repeat;
background-size:100% 100%
The business needs the full image to be displayed irrespective of any zoom till 25% zoomout. But the pixel of the image breaks after a specified zoomout say 50% as shown in screenshot and displays a white background in the bottom.