Devrais-je utiliser la hauteur et la largeur de l'appareil ou la fenêtre avec point d'arrêt de l'extension de Compass?

Question

J'ai donc la situation suivante: $ iphone: 320px (max-hauteur 568px); Ceci est les dimensions iPhone. Cependant, lorsque je redimensionnez mon navigateur à ces valeurs exactes, les requêtes de médias ne fonctionneront pas. Si j'entraîne la fenêtre au lieu de ceci en cochant la taille de l'écran à l'aide d'une extension de navigateur, cela fonctionne. Dois-je utiliser la largeur de l'appareil et la hauteur ou la fenêtre? Semble bizarre d'utiliser la fenêtre.

Voici un exemple de mes variables pour le point d'arrêt: suis-je en train de résoudre le problème en ajoutant "périphérique"? Dois-je ajouter un "périphérique" à tous?

/ * Motorola RAZR V8 (240 x 320) * /

$ motorola-portrait: 240px (max-périphérique-hauteur 320px);

/ * BlackBerry 8300 (320 x 240) * /

$ BlackBerry-portrait: 320px (hauteur max-périphérique 240px);

/ * iPhone 3-4 (320 x 480) * /

$ iphone4-portrait: 320px (max-périphérique-hauteur 480px);

/ * iPhone 5 (320 x 568) * /

$ iphone5-portrait: 320px (max-périphérique-hauteur 568px);

/ * SSMUNG GALAXY S3 / S4 (360 x 640) * /

$ Samsunggalaxy-portrait: 360px (max-périphérique-hauteur 640px);

Answer 1

sur ce site, vous pouvez tester vos requêtes multimédias

Testeur de requête multimédia

Vous n'avez pas à faire pour tous les appareils!Faites-le juste pour une gamme!