Rendre un site web "responsive"
Fermé
zellfurath
Messages postés
200
Date d'inscription
jeudi 29 novembre 2007
Statut
Membre
Dernière intervention
27 novembre 2015
-
15 déc. 2013 à 08:29
zellfurath Messages postés 200 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 27 novembre 2015 - 15 déc. 2013 à 09:05
zellfurath Messages postés 200 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 27 novembre 2015 - 15 déc. 2013 à 09:05
A voir également:
- Rendre un site responsive html/css
- Site de telechargement - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Editeur html - Télécharger - HTML
- Rendre un fichier moins volumineux - Guide
4 réponses
Utilisateur anonyme
15 déc. 2013 à 08:43
15 déc. 2013 à 08:43
Salut, tu peux utiliser les media queries
http://css.mammouthland.net/css3/media-queries.php
Bonne chance
http://css.mammouthland.net/css3/media-queries.php
Bonne chance
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
15 déc. 2013 à 08:41
15 déc. 2013 à 08:41
Bonjour,
Je ne sais pas si c'est la meilleure solution, mais tu peux utiliser du JavaScript pour détecter la résolution d'écran et utiliser un CSS différent en fonction de cette résolution : https://www.commentcamarche.net/faq/849-php-detecter-la-resolution-d-affichage
Je ne sais pas si c'est la meilleure solution, mais tu peux utiliser du JavaScript pour détecter la résolution d'écran et utiliser un CSS différent en fonction de cette résolution : https://www.commentcamarche.net/faq/849-php-detecter-la-resolution-d-affichage
zellfurath
Messages postés
200
Date d'inscription
jeudi 29 novembre 2007
Statut
Membre
Dernière intervention
27 novembre 2015
2
15 déc. 2013 à 09:03
15 déc. 2013 à 09:03
merci pour les réponses ! :) les media query sont deja dans mon script css :
@media all and (max-width: 320px) {
body {
-moz-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 321px) and (max-width: 480px) {
body {
-moz-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(0.3);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
body {
-moz-transform: scale(0.45);
-webkit-transform: scale(0.45);
transform: scale(0.45);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 769px)and (max-width: 960px) {
body {
-moz-transform: scale(0.55);
-webkit-transform: scale(0.55);
transform: scale(0.55);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
mais sur ipad le site n'est pas centré il est collé a gauche ET je suis pas en php mais en html :s
@media all and (max-width: 320px) {
body {
-moz-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 321px) and (max-width: 480px) {
body {
-moz-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(0.3);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
body {
-moz-transform: scale(0.45);
-webkit-transform: scale(0.45);
transform: scale(0.45);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
@media all and (min-width: 769px)and (max-width: 960px) {
body {
-moz-transform: scale(0.55);
-webkit-transform: scale(0.55);
transform: scale(0.55);
-moz-transform-origin: 0;
-webkit-transform-origin: top;
transform-origin: top;
}
}
mais sur ipad le site n'est pas centré il est collé a gauche ET je suis pas en php mais en html :s
zellfurath
Messages postés
200
Date d'inscription
jeudi 29 novembre 2007
Statut
Membre
Dernière intervention
27 novembre 2015
2
15 déc. 2013 à 09:05
15 déc. 2013 à 09:05
dugenou je regarde ton lien qui oriente javascript ... j'y travail....
