The Matress
GLOBAL ARTICLE INTRODUCTION BLOCK
We see that the image is being squished to fit the container of 200x300 pixels (its original aspect ratio is destroyed).
Here is where the object-fit property comes in. The object-fit property can take one of the following values:
fill - This is default. The image is resized to fill the given dimension. If necessary, the image will be stretched or squished to fit contain - The image keeps its aspect ratio, but is resized to fit within the given dimension cover - The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit none - The image is not resized scale-down - the image is scaled down to the smallest version of none or contain
Here is where the object-fit property comes in. The object-fit property can take one of the following values:
fill - This is default. The image is resized to fill the given dimension. If necessary, the image will be stretched or squished to fit contain - The image keeps its aspect ratio, but is resized to fit within the given dimension cover - The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit none - The image is not resized scale-down - the image is scaled down to the smallest version of none or contain
GLOBAL ARTICLE ANNOUNCEMENTS BLOCK (SIDEBAR TOP)
Leader
Ruling Organization
Leader Title
Subsidiary Organizations
Neighboring Nations
Manufactured Items
Related Myths
Related Plots
GLOBAL ARTICLE ADDITIONAL BLOCK (SIDEBAR BOTTOM)
Comments