Testa!
Dra i kanterna på webläsarfönstret!
Testa också genom att förstora och förminska texten manuellt i din webläsare!
Det gör du i de flesta fall genom att välja: Visa / Textstorlek.
Eller via tangentbordet: ctrl+plus / ctrl+minus (fungerar inte i Internet Explorer).
Det här är en bild med bredden 480 pixlar:
Det här är en bild med bredden 776 pixlar:
Det här är en box med bredden 90% - width: 90% - ingen höjd angiven.
Boxens bredd kommer att anpassa sig efter webläsarfönstrets storlek.
Men!
Eftersom min-width är angivet till 480px kommer boxen aldrig att bli mindre än 480px på bredden - även om man förminskar webläsarfönstret!
Och eftersom max-width är angivet till 776px kommer boxen aldrig att bli bredare än 776px - även om upplösningen på skärmen är högre!
Egenskapen width kan anges i procent. Min-width och max-width i "px" eller "em".