. img { 3. There’s a clever fix for iOs Safari, that we use to handle one of the most noticeable edge-cases. It’s like giving a font size of 5% of the viewport width. Now we can sometimes use viewport units to achieve that effect without the extra markup. The how to do this section gives this explanation: "Avoid setting large absolute CSS widths for page elements (such as div{width:360px;} ), since this may cause the element to be too wide for the viewport on a narrower device (e.g. .edum { The concept of the viewport.
If the viewport height is smaller than the width, the value of 1vmin will be equal to 1% of the vi…