Responsive CSS
<!doctype html>
Test Media Queries sur SoftLam
Media Queries
Règle(s) appliquée(s) :
@media screen and (max-device-width: 360px)
@media screen and (max-device-width: 480px)
@media screen and (max-width: 480px) et (max-width: 768px)
@media screen and (min-width: 768px) et (max-width: 1040px)
@media screen and (min-width: 1040px) et (max-width: 1280px)
@media screen and (max-device-width: 360px)
@media screen and (max-device-width: 480px)
@media screen and (max-width: 480px) et (max-width: 768px)
@media screen and (min-width: 768px) et (max-width: 1040px)
@media screen and (min-width: 1040px) et (max-width: 1280px)
@media screen and (orientation:portrait)
@media screen and (orientation:landscape)
La page est affichée sur un périphérique de maximum 360px
La page est affichée sur un périphérique de maximum 480px
La page est affichée avec une largeur < 768px
La page est affichée avec une largeur de plus > 768px
La page est affichée avec une largeur > 1024px et < 1280px
La page est affichée en portrait
La page est affichée en paysage
softlam.com