Question

What’s the basic difference between [width and height] and max/min[width and height] and where should we use each of them?

Thanks in advance……..

Answer 1

The basic difference is that width and height will specify the exact width and height of an object. Max/min width and height will specify the maximum or minimum height and width that an object needs to be.

Say you had a div that you wanted to load images into, but you wanted all images to be the no larger and no smaller then a specific width or height, then using min/max calls would be ideal.

In other cases, where you know the width and height (say for only a specific image) then you do not need max or min height/width calls.

It is also important to note that max/min height and width calls will over-ride height and width calls.

Here is some more information:

1. CSS Height and Width
2. CSS Tests – Min and Max