The image is fixed in the image box, and the size is automatically adjusted. The width and height can be reduced to avoid stretching. [part from fabric sharing, tech.bufx.com]

You can use JavaScript to obtain the width, height, and resolution of a page or screen in HTML:

Webpage:

Visible area width: Document. Body. clientwidth

Visible area height: Document. Body. clientheight

Visible area width (including edges): Document. Body. offsetwidth

Visible area height (including edges): Document. Body. offsetheight

Body full text width: Document. Body. scrollwidth

Text height: Document. Body. scrollheight

Height of the volume: Document. Body. scrolltop

Left of the volume: Document. Body. scrollleft

Text part: window. screentop

Text part left: window. screenleft

Screen:

Resolution Height: window. Screen. Height

Resolution width: window. Screen. Width

Available workspace Height: window. Screen. availheight

Available workspace width: window. Screen. availwidth

For reference only. For more information, refer to Baidu.