how can i resize the image size according to screen size by using HTML Editor?
For this, i have written html code as
<div class="container" style="width: auto;">
<p style="width: auto;"><img style="width: 1100px; height: 130px;" title="" src="/logo_service-now.gifx" alt="" align="baseline" border="" hspace="" vspace="" /></p>
<p style="widows: 1;"><span style="font-family: arial, helvetica, sans-serif; font-size: large;">Help us improve by taking our short satisfaction survey related to your recent HR request<br /></span></p>
<p style="widows: 1;"> </p>
<p> </p>
</div>
Zoom level => 100%
But when i am increasing or decreasing Zoom level of screen by holding Ctrl key + then scrolling up with mouse's scroll wheel to zoom in or out, image size should also get resize as in below screenshot, area highlighted by yellow color is getting resized according to screen.
Zoom Level => 50%
