Viewport et mobile
pebeteraver
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
pebeteraver Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
pebeteraver Messages postés 10 Date d'inscription Statut Membre Dernière intervention -
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.
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.
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:
- Viewport et mobile
- Chaine tnt gratuite sur mobile - Guide
- Sytadin mobile - Télécharger - Transports & Cartes
- Mfacebook.com mobile - Guide
- Instagram mobile sur pc - Télécharger - Divers Communication
- P2p mobile - Accueil - Guide technologies
1 réponse
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.
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.
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.