The CSS <resolution> data type is used to describe the pixel density of an output device, i.e., its resolution. On screens, the units are related to CSS inches, centimeters, or pixels, not physical values. The <resolution> data type is used in media queries to target specific devices or types of devices based on their resolution.

The <resolution> data type can also be used to set the value of CSS properties in a way that is responsive to the resolution of the device. For example, the following CSS code would set the font size of the body element to be 16 pixels on devices with a resolution of at least 1280dpi, and 12 pixels on devices with a lower resolution:

Use a simple <div> with width and height set to 100%. I don't think you can create a fixed resolution only using HTML but you can put styles in the HTML image tag with maximum height and with instead of linking it to a CSS page

On screens, the units are related to CSS inches, centimeters, or pixels, not physical values. The <resolution> data type is used in media queries to target specific devices or types of devices based on their resolution. For example, the following media query would target devices with a resolution of at least 1280 dots per inch (dpi):