HTML - CSS - Media Queries
Fermé
Invité
-
17 déc. 2016 à 20:05
codeurh24 Messages postés 761 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 761 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
- Media creation tool - Télécharger - Systèmes d'exploitation
- Editeur html - Télécharger - HTML
- Telecharger vlc media player - Télécharger - Lecture
- Duplicate media finder free - Télécharger - Gestion de fichiers
- Ps3 media server - Télécharger - Divers Réseau & Wi-Fi
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
761
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
