1485 sujets

Web Mobile et responsive web design

Administrateur
Bonjour,

J'aimerais continuer à alimenter la Base de données de Mydevice.io et pour cela, il me faudrait certaines informations concernant les périphériques précis suivants :

Samsung Galaxy S3 mini (fait)
Samsung Galaxy S4 mini (fait)
Samsung Galaxy S5 (fait)
Samsung Galaxy Note 3 (fait)
Nokia Lumia 625
Nokia Lumia 930
Nokia Lumia 925 (fait)
Nokia Lumia 1320
Nokia Lumia 1520 (fait)
Samsung Galaxy Tab 3 10" (fait)
Samsung Galaxy Tab 3 8"
Samsung Galaxy Tab 3 7"
Microsoft Surface 2
Microsoft Surface 2 pro

Si vous disposez de l'un de ces périphériques, et si vous avez envie de prendre 5 minutes pour m'aider, je vous invite à allez sur le site http://mydevice.io/ à l'aide du navigateur par défaut du device et de me fournir en commentaire la liste des valeurs suivantes :

Au format portrait (vertical) :
- viewport width (la valeur principale à l'écran) :
- CSS device-width :
- CSS device-height :
- CSS pixel-ratio :
- JS pixel-ratio :
- Resolution (dpi) :
- Resolution (dppx) :

Au format paysage (pensez à rafraîchir) :
- viewport width (la valeur principale à l'écran) :
- CSS device-width :
- CSS device-height :

N'oubliez pas de préciser de quel type de périphérique il s'agit.

Merci d'avance et excellent week-end Smiley smile
Modifié par Raphael (27 Apr 2014 - 19:32)
Quelle chance.
Je viens toujours de recevoir mon Samsung Galaxy S5

Au format portrait (vertical) :
- viewport width : 360px - 23em
- CSS device-width : 360px+
- CSS device-height : 640px+
- CSS pixel-ratio : 3
- JS pixel-ratio : 3.00
- Resolution (dpi) : 288dpi
- Resolution (dppx) : 3dppx

Au format paysage :
- viewport width : 640px - 40em
- CSS device-width : 640px
- CSS device-height : 360px

Je pourrais ajouter les informations pour le S3 Mini demain après midi, si personne ne l'a fait d'ici là.

Bonne chance pour les autres Smiley cligne

Edit:
Pour le Samsung Galaxy S3 Mini :
Au format portrait (vertical) :
- viewport width : 320px - 20em
- CSS device-width : 380px+
- CSS device-height : 800px+
- CSS pixel-ratio : 1.5
- JS pixel-ratio : 1.50
- Resolution (dpi) : 144dpi
- Resolution (dppx) : 2dppx

Au format paysage :
- viewport width : 533px - 33em
- CSS device-width : 800px+
- CSS device-height : 480px+

C'est tout ce que j'avais sur la liste.
J'ai un vieux HTC Hero qui traîne au cas ou...
Smiley biggrin
Modifié par RVLeLutin (27 Apr 2014 - 09:24)
Nokia Lumia 925 :

Au format portrait (vertical) :
- viewport width (la valeur principale à l'écran) : 320px (20em)
- CSS device-width : 360px +
- CSS device-height : 600px +
- CSS pixel-ratio : ???
- JS pixel-ratio : 1.16
- Resolution (dpi) : 96dpi
- Resolution (dppx) : 1dppx

Au format paysage :
- viewport width (la valeur principale à l'écran) : 480px (30em)
- CSS device-width : 360px +
- CSS device-height : 600px +
Modifié par JesmoDrazik (26 Apr 2014 - 23:00)
Samsung Galaxy Note 3

Portrait:
my Viewport width :360px
CSS device-width : 360px+
CSS device-height : 640px+
CSS pixel-ratio : 3
Resolution (dpi) : 288dpi
Resolution (dppx) : 3dppx

Paysage:
my Viewport width : 640px
CSS device-width : 640px+
CSS device-height : 360px+

Voilà et merci pour ce que tu fais Smiley smile
Administrateur
JesmoDrazik a écrit :
Au format paysage :
- viewport width (la valeur principale à l'écran) :

Merci mais tu as oublié de me donner la valeur Smiley ohwell (je suppose que c'est 480px)
Administrateur
maximilien a écrit :
J'espère être aussi réactif pour la prochaine vague d'inscription à la KiwiParty Smiley langue

Merci à toi et bonne chance Smiley smile
Raphael a écrit :

Merci mais tu as oublié de me donner la valeur Smiley ohwell (je suppose que c'est 480px)


En fait j'avais tout décalé vers le bas et oublié le CSS device-width au passage. C'est édité Smiley cligne
Modérateur
Samsung Galaxy Tab 3

Au format portrait (vertical) :
- viewport width (la valeur principale à l'écran) : 800px (50em)
- CSS device-width : 1280px+
- CSS device-height : 800px+
- CSS pixel-ratio : between 1 and 2
- JS pixel-ratio : 1.00
- Resolution (dpi) : 96dpi
- Resolution (dppx) : 1dppx

Au format paysage (pensez à rafraîchir) :
- viewport width (la valeur principale à l'écran) : 1280px (80em)
- CSS device-width : 1280px+
- CSS device-height : 800px+

C'est le résultat que j'obtiens avec le navigateur par défaut. Tandis qu'avec Google Chrome, le CSS device-width et height est l'inverse.
Bonjour

Samsung galaxy s4mini:

Au format portrait (vertical) :
- viewport width (la valeur principale à l'écran) : 360px
- CSS device-width : 360px+
- CSS device-height : 640px+
- CSS pixel-ratio :1.5
- JS pixel-ratio : 1.50
- Resolution (dpi) :144dpi
- Resolution (dppx) :2dppx

Au format paysage (pensez à rafraîchir) :
- viewport width (la valeur principale à l'écran) : 640px
- CSS device-width : 640px+
- CSS device-height :360px+
merci pour le travail que vous faites Smiley smile car une telle base de données est très intéressante. j'ai fait le test avec le samsung galaxy s3 d'un ami (j'ai oublié de noter les autres infos Smiley sweatdrop ).
avec chrome :

portrait
-device-width: 360px
-device-height: 640px
-width: 720px
-height: 1280px
paysage:
-device-width: 640px
-device-height: 360px
-width: 1280px
-height: 720px

avec le navigateur samsung :

portrait
-device-width: 720px
-device-height: 1280px
-width: 720px
-height: 1280px
paysage:
-device-width: 1280px
-device-height: 720px
-width: 1280px
-height: 720px

faudrait que les navigateurs se mettent d'accord, çà varie énormément d'un navigateur à l'autre.
Modifié par tresor84 (02 May 2014 - 08:48)
Administrateur
tresor84 a écrit :
merci pour le travail que vous faites Smiley smile car une telle base de données est très intéressante. j'ai fait le test avec le samsung galaxy s3 d'un ami

Bonjour,

Il s'agit du Galaxy S3, ou du Galaxy S3 mini ?

Les valeurs du Galaxy S3 sont déjà dans la base de données mydevice.io depuis longtemps Smiley ohwell
bonjour,
oui désolé ce n'est pas le mini, je pensais que çà vous intéresserait pour les valeurs données par le navigateur samsung, qui ne donne pas du tout les mêmes que celles de chrome (celles qui sont sur device.io).
Administrateur
tresor84 a écrit :

oui désolé ce n'est pas le mini, je pensais que çà vous intéresserait pour les valeurs données par le navigateur samsung, qui ne donne pas du tout les mêmes que celles de chrome (celles qui sont sur device.io).

Oui, c'est pour cela que je me limite pour l'instant aux navigateurs par défaut... la tâche devient quasi impossible sinon Smiley smile
Moi aussi samsung note 3 et samsung note 3 neo

Samsung Galaxy Note 3

Portrait:
my Viewport width :360px
CSS device-width : 360px+
CSS device-height : 640px+
CSS pixel-ratio : 3
Resolution (dpi) : 288dpi
Resolution (dppx) : 3dppx

Paysage:
my Viewport width : 640px
CSS device-width : 640px+
CSS device-height : 360px+


[edit stéphanie : liens de spam retirés ]
Modifié par Stéphanie W. (18 May 2014 - 12:18)
Bonjour,
Voila pour la Samsung Galaxy Tab 3 7"

Au format portrait (vertical) :
- viewport width (la valeur principale à l'écran) :600px
- CSS device-width : 600px+
- CSS device-height :1024px+
- CSS pixel-ratio :between 1 and 2
- JS pixel-ratio :1.00
- Resolution (dpi) :96dpi
- Resolution (dppx) :1dppx

Au format paysage (pensez à rafraîchir) :
- viewport width (la valeur principale à l'écran) :1024px
- CSS device-width :1024px+
- CSS device-height :600px+

Spi