Rendre mon site compatible avec les navigateurs smartphone
Fermé
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
-
25 janv. 2015 à 21:42
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 9 févr. 2015 à 13:33
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 9 févr. 2015 à 13:33
A voir également:
- Rendre son site compatible avec tous les navigateurs
- Site de telechargement - Accueil - Outils
- Installer windows 11 sur pc non compatible - Accueil - Windows
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
- N'est pas compatible avec cet ipad - Guide
2 réponses
zogolo
Messages postés
43
Date d'inscription
mardi 19 mars 2013
Statut
Membre
Dernière intervention
1 août 2015
1
25 janv. 2015 à 22:40
25 janv. 2015 à 22:40
Opera mini te montre une version ultra allégée de ton site pour un chargement rapide tu dois donc faire une page qui détecte le navigateur et rediriger l'utilisateur vers la page qui lui convient en gros tu dois faire 1 site pour pc ,1 site épuré pour opera mini et 1 site pour les autres navigateurs mobiles comme safari ou chrome. J'espère que j'étais assez clair
--
--
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 26/01/2015 à 20:36
Modifié par animostab le 26/01/2015 à 20:36
Salut
désolé mais la solution donné par zogolo est obsolète
maintenant on utilise
les media queries en css ainsi que la balise
meta name="viewport" en mettant l'initial scale à 1
cela évite d'avoir 3 sites avec des sous domaines
1 seul site mais des affichages différents selon la résolution d'écran.
donc renseigne toi la dessus c'est simple quand on connait le css
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
désolé mais la solution donné par zogolo est obsolète
maintenant on utilise
les media queries en css ainsi que la balise
meta name="viewport" en mettant l'initial scale à 1
cela évite d'avoir 3 sites avec des sous domaines
1 seul site mais des affichages différents selon la résolution d'écran.
donc renseigne toi la dessus c'est simple quand on connait le css
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
28 janv. 2015 à 20:32
28 janv. 2015 à 20:32
oui je connait Css mais je sais pas où je vais commencer :)
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 28/01/2015 à 22:41
Modifié par animostab le 28/01/2015 à 22:41
tu commence par mettre ce code dans le head
tu colles tout ton code css (style.css) dans responsive.css
tu affiche ton site en local tu reduis la fenetre
dans responsive.css tu commence avec
etc pour tous tes autres éléments
(c'est un exemple)
<meta name="viewport" content="initial-scale=1.0">
<link href="style.css" media="screen and (min-width: 1000px)" rel="stylesheet" type="text/css">
<link href="responsive.css" media="screen and (max-width: 999px)" rel="stylesheet" type="text/css">
tu colles tout ton code css (style.css) dans responsive.css
tu affiche ton site en local tu reduis la fenetre
dans responsive.css tu commence avec
#bloc_page {
background-color: #85abc6;
margin: auto;
max-width: 1000px;
width:90%;
}
etc pour tous tes autres éléments
(c'est un exemple)
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
30 janv. 2015 à 11:29
30 janv. 2015 à 11:29
donc je dois créer deux fichier css
tous le code dans le fichier style je dois le répeter dans le fichier responsive.css
tous le code dans le fichier style je dois le répeter dans le fichier responsive.css
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 30/01/2015 à 12:32
Modifié par animostab le 30/01/2015 à 12:32
oui et transformer petit a petit responsive.css en visualisant dans un navigateur en réduisant la fenetre
en fait il y 2 méthodes
utiliser 2 fichiers (le plus simple)
utiliser 1 seul fichier et faire et plus des déclarations normales des
media screen and (max-width: 999px) {
#bloc_page {
background-color: #85abc6;
margin: auto;
max-width: 1000px;
width:90%;
}
}
etc .. (mais si il y a beaucoup de transformation ca devient vite illisible)
et appeler le fichier css de façon normale
pour la 1ere méthode rajoute aussi dans le head
<!--[if lte IE 8]><link href="style.css" rel="stylesheet" type="text/css"><![endif]-->
avant l'appel aux css parce que ie8 et inferieur ne comprend pas les media queries
en savoir plus : https://www.alsacreations.com/article/lire/930-css3-media-queries.html
en fait il y 2 méthodes
utiliser 2 fichiers (le plus simple)
utiliser 1 seul fichier et faire et plus des déclarations normales des
media screen and (max-width: 999px) {
#bloc_page {
background-color: #85abc6;
margin: auto;
max-width: 1000px;
width:90%;
}
}
etc .. (mais si il y a beaucoup de transformation ca devient vite illisible)
et appeler le fichier css de façon normale
pour la 1ere méthode rajoute aussi dans le head
<!--[if lte IE 8]><link href="style.css" rel="stylesheet" type="text/css"><![endif]-->
avant l'appel aux css parce que ie8 et inferieur ne comprend pas les media queries
en savoir plus : https://www.alsacreations.com/article/lire/930-css3-media-queries.html
jamsom
Messages postés
242
Date d'inscription
mercredi 8 mai 2013
Statut
Membre
Dernière intervention
4 novembre 2017
30 janv. 2015 à 12:48
30 janv. 2015 à 12:48
ok merci bcp je dois faire un effort pour faire ça, si je n'arrive pas à le faire je reviens vers vous animostab