Les Medias Queries

Explication

https://www.alsacreations.com/article/lire/1615-cest-quoi-le-responsive-web-design.html

Utilisation du medias queries

    
        
        # pour utiliser les medies queries il faut ajouter cette ligne dans la balise <head> 

            <meta name="viewport" content="width=device-width, initial-scale=1">

Pour les mobiles

    
        @media screen and (max-width:767px)
        {
            p{
                color:blue;
            }
        }

Pour les tablettes

    
        @media screen and (min-width:768px) and (max-width:1023px)
        {
            p{
                color:blue;
            }
        }

Pour les PC portable ou de bureau

    
        @media screen and (min-width:1024px)
        {
            p{
                color:blue;
            }
        }