[Résolu] Points de ruptures responsive

kustolovic a écrit :
Pas forcément, la prévisualisation change le DPR aussi, as-tu une balise <meta name="viewport"> et si oui quelle valeur y-a-t'il dedans?

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

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

// ----------------
// Breakpoints zone
// ----------------

// Warning: you should use your own values, regardless of the devices
// Best practise is Mobile First: (min-width: $breakpoint)
$tiny        : 480px !default; // or 'em' if you prefer, of course
$small       : 576px !default;
$medium      : 768px !default;
$large       : 992px !default;
$extra-large : 1200px !default;

kustolovic a écrit :


Pas forcément, la prévisualisation change le DPR aussi, as-tu une balise <meta name="viewport"> et si oui quelle valeur y-a-t'il dedans?

Tinkerbell006 a écrit :
Je n'ai pas mis de meta view port , quelle valeur dois je mettre dedans ?

Tinkerbell006 a écrit :
je me demande bien combien je dois en mettre pour que ca reste correct

s2prod a écrit :

Le mieux est de trouver ses breakpoints à la mano en utilisant les outils de dev des navigateurs et la règle (ruler). Dès que le design part en cacahuète, on applique un breakpoint.