Hi @Gani_tpt
The above image, vertical only scrolling has come.
This vertical scrolling is native to the browser itself. If you want to automatically resize the page, you need to provide code. There are multiple ways to implement this functionality, and we'll need to provide a workaround for your code.Here are two methods you can refer to:
JavaScript
<script>
$(document).ready(function () { // Wait for the HTML to finish loading.
var resize = function () {
var height = $(window).height(); // Get the height of the browser window area.
var width = $(window).width();
var element = $("body"); // Find the element to resize.
element.height(height);
element.width(width); // Set the element's height.
}
resize();
$(window).bind("resize", resize);
});
</script>
Using media queries
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries
@media only screen and (max-width: 600px) {
/* Styles here only apply if the browser window has min-width 600px */
body {
background-color: lightblue;
}
}
width: 50%
instead of using in css say "width: 200px", use stuff like "width: 50%"
This makes it use 50% of whatever it's in, so in the case of:
<body>
<div style="width:50%">
<!--some stuff-->
</div>
</body>
The div will now always take up half the window horizontaly.
Best regards,
Lan Huang
If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.