Viewport et mobile

Fermé
pebeteraver Messages postés 10 Date d'inscription mercredi 17 juillet 2013 Statut Membre Dernière intervention 8 avril 2014 - Modifié par pebeteraver le 11/11/2013 à 18:39
pebeteraver Messages postés 10 Date d'inscription mercredi 17 juillet 2013 Statut Membre Dernière intervention 8 avril 2014 - 12 nov. 2013 à 09:21
Bonjour tout le monde.

Je me lance dans le joyeux monde du responsive design et commence à devenir chèvre.

En effets, n'ayant pas de mobile type smartphone, j'ai fait mes tests à l'aide des outils de dev firefox pour redimensionné et cette outil :

http://lab.maltewassermann.com/viewport-resizer/

Mais ça aurait été trop simple, en testant ça sur des smartphone de connaissance, ça ne marche pas, du tout. De même pour ce site :

https://www.browserstack.com/

(Que j'aurais aimer connaître plus tot ;-| )

Et je ne comprend pas ce que j'ai de différent par rapport à d'autres site dont j'ai pris exemple et qui marchent, eux.


Un exemple de code pour l'index.


<!doctype html> 


<html lang="fr">
<head>
<meta name="robots" content="noindex, nofollow, all" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<title>tibopol</title>
<link rel="stylesheet" media="screen" href="css/style.css" type="text/css" />
</head>

Et le css

https://sebsauvage.net/paste/?2b8785ae33c929fc#cxc1V+6sQTbT/2Kq8VbNViHs8szTdlEzXkmYJqZpzgg=

Vous pouvez me MP pour l'adress du site.

Merci d'avance pour votre aide.

A voir également:

1 réponse

gardiendelanuit Messages postés 1769 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 19 novembre 2016 264
Modifié par gardiendelanuit le 11/11/2013 à 19:06
Bonsoir,

Le problème du CSS responsive, c'est que ça ne s'applique qu'aux résolutions, alors avec les nouveaux smartphones et tablettes où l'on dépasse aisément le fullHD maintenant..
Le mieux est de coupler tout ça avec JavaScript/JQuery.

Merci de mettre "Résolu" quand le problème est réglé!
La connaissance c'est comme la confiture: moins on en a et plus on l'étale.
0
pebeteraver Messages postés 10 Date d'inscription mercredi 17 juillet 2013 Statut Membre Dernière intervention 8 avril 2014
12 nov. 2013 à 09:21
Normalement, ça peut se gérer en CSS en déterminant la "vrai" résolution en se basant sur la "densité de pixel" (je ne sais pas bien l'expliquer)

Mais dans tout les cas, les dernier teste on été fait sur un galaxy ace qui à une résolution de 320px, et la, ça ne passe pas non plus.
0