Responsive design

Bonjour à tous,
je souhaite faire de mon site un site responsive, et pour cela j'utilise bien évidement les media queries.

Qu'en est il des résolutions smartphone et tablette?
Pour le moment j'ai différencié quelques résolutions, en manque t'il?

@media screen and (min-width: 240px) and (max-width: 480px) and (orientation: portrait)

@media screen and (min-width: 481px) and (max-width: 767px) and (orientation: portrait)

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait)

@media screen and (min-width: 1025px) and (max-width: 1280px)

@media screen and (min-width: 1281px)

Quelle résolution utiliser pour un smartphone (samsung galaxy S2) en landscape?

Je débute seulement en responsive et j'ai lu pas mal de sujet sans y trouver de réponse.
Je vous remercie.

Bonne journée

Je pense qu'il est beaucoup plus simple de faire des media-queries proportionnelles, avec l'unité em, en commençant par les styles pour mobile.

Je te conseille ces deux excellents tutoriels :

The EMs have it: Proportional Media Queries FTW!

Creating a mobile-first responsive web design

Merci beaucoup je regarde ça de suite.

Salut,

Il est inutile de préciser les largeurs minimales en même temps que les largeurs maximales : la largeur maximale suffit pour définir les seuils en-deçà desquels tu dois adapter les règles CSS. Quant à l'orientation, elle n'a son utilité que si tu dois réaliser un affichage spécifique à une orientation d'écran donnée. Enfin, la requête min-device-pixel-ratio te sera utile si tu ne veux pas t'arracher les cheveux avec les écrans rétina.