[Résolu] Quel gabarit retenir pour les @média-queries

Bonjour à tous,

J'ai commencé à travailler sur les @media, et je suis un peu perdu vu le nombre de gabarit possible. J'ai consulté ce site, et lu pas mal de chose, mais il y a beaucoup de cas de figure.

Ma question : combien faut-il retenir de gabarit en moyenne pour une compatibilité en règle générale ? et les lesquelles ?

Merci
Modifié par gesualda (26 Nov 2015 - 18:06)

je connais pas les liens " hhttps " ... mais en générale, on en retiens 3 ou 4 . PC , tablet portrait/paysage, phone tablette/paysage

tu peux te contenté de 4 comme bootstrap
Extra small devices Phones (<768px) Small devices Tablets (?768px) Medium devices Desktops (?992px) Large devices Desktops (?1200px)

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

Modifié par JENCAL (26 Nov 2015 - 17:47)

Mes excuses pour " hhttps " C'est rectifié.

Pour revenir au sujet, ce qui était dit c'était surtout qu'il était préconisé de faire un gabarit pour la visualisation "portrait" ou "paysage". Es ce exact ou bien l'adaptation comme tu l'as décrite suffira ?

Merci

Bonjour,

Par expérience, la bonne manière de faire est d'adapter tes Breakpoints à ton design et non à des devices : les devices sont bien trop instables, nombreux, impossible à cibler correctement et surtout évolutifs : http://mydevice.io/devices/

Bref, il n'y a pas de "bonne valeur" universelle. La bonne valeur est "quand ton design est cassé".

Bonne journée
Modifié par Raphael (27 Nov 2015 - 09:19)

Super, je vais tenir compte de tes conseils, Raphaël, c'est très juste.

Mais il faut avouer que le sujet est vaste et surtout incohérent pour un certain nombre d'entre nous vu le nombre d'articles qui trainent sur la toile et dès fois contradictoires.

Merci

Exact. À une époque beaucoup de monde ciblait leur media queries pour les devices iPhone étant donné qu'ils avaient l'hégémonie.

Mais tout cela c'était avant, et les articles dédiés au sujet n'ont bien souvent pas été mis à jour...