HTML - CSS - Media Queries
Fermé
Invité
-
17 déc. 2016 à 20:05
codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 - 18 déc. 2016 à 17:11
codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 - 18 déc. 2016 à 17:11
A voir également:
- HTML - CSS - Media Queries
- Editeur html - Télécharger - HTML
- Media creation tool - Télécharger - Systèmes d'exploitation
- Ps3 media server - Télécharger - Divers Réseau & Wi-Fi
- Telecharger windows media player - Télécharger - Lecture
- Checking media presence - Forum BIOS
2 réponses
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
Modifié par dugenou le 17/12/2016 à 20:33
Modifié par dugenou le 17/12/2016 à 20:33
Bonsoir,
Il y a probablement d'autres solutions, mais personnellement, j'utilise du PHP :
Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.
Il y a probablement d'autres solutions, mais personnellement, j'utilise du PHP :
<?php
// Chargement du fichier CSS s'il s'agit d'un user agent smartphones
$ua = $_SERVER['HTTP_USER_AGENT'];
if (preg_match('/iphone/i',$ua) || preg_match('/android/i',$ua) || preg_match('/blackberry/i',$ua) || preg_match('/symb/i',$ua) || preg_match('/ipad/i',$ua) || preg_match('/ipod/i',$ua) || preg_match('/phone/i',$ua) )
{
echo "<link rel='stylesheet' type='text/css' href='style-mobile.css'>";
}
else
{
echo "<link rel='stylesheet' type='text/css' href='style.css'>";
}
?>
Courage, le bout du tunnel n'est pas loin, il suffit de se retourner.
codeurh24
Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
Modifié par codeurh24 le 18/12/2016 à 17:25
Modifié par codeurh24 le 18/12/2016 à 17:25
Bonsoir.
Un membre de CCM ne pourra pas te donner l’expérience qui te manque en CSS.
Le code que tu nous montres, n'indique rien qui peut fonctionner et l'attribut media ne te sert pas pour ce que tu souhaites faire.
Quand tu utilises les medias queries, il faut connaitre les résolutions d’écran des différents appareils ciblés.
Exemple sur un écran pc:
Une fois que tu te seras formé au CSS, le mieux est de se former sur bootstrap.
https://getbootstrap.com/getting-started/#download
Un membre de CCM ne pourra pas te donner l’expérience qui te manque en CSS.
Le code que tu nous montres, n'indique rien qui peut fonctionner et l'attribut media ne te sert pas pour ce que tu souhaites faire.
Quand tu utilises les medias queries, il faut connaitre les résolutions d’écran des différents appareils ciblés.
Exemple sur un écran pc:
@media screen and (min-width: 970px) and (max-width:1920px) {
.bloc {
display:block;
clear:both;
}
}
Une fois que tu te seras formé au CSS, le mieux est de se former sur bootstrap.
https://getbootstrap.com/getting-started/#download
