recherche

Maison  >  Questions et réponses  >  le corps du texte

Comment choisir les styles CSS appropriés en fonction de la taille de l'écran/de l'appareil

<p>Bootstrap 3 possède de belles classes CSS dans l'utilitaire réactif qui peuvent masquer ou afficher certains blocs en fonction de la résolution de l'écran<a href="http://getbootstrap.com/css/#responsive-utilitaires-classes"> ;http://getbootstrap.com/css/#responsive-utilities-classes</a></p> <p>J'ai des règles de style dans un fichier CSS que je souhaite appliquer ou non en fonction de la résolution de l'écran. </p> <p>Que dois-je faire ? </p> <p>Je compresserais tous les fichiers CSS en un seul fichier pour le déploiement en production, mais s'il n'y a pas d'autre solution que d'utiliser des fichiers CSS séparés pour différentes résolutions d'écran. </p>
P粉529245050P粉529245050503 Il y a quelques jours569

répondre à tous(2)je répondrai

  • P粉668019339

    P粉6680193392023-08-22 20:01:42

    La détection est automatique. Vous devez préciser le css pouvant être utilisé pour chaque résolution d'écran : 

    /* 对于所有屏幕，使用14px字体大小 */
body {  
    font-size: 14px;    
}
/* 响应式，对于小屏幕，使用13px字体大小 */
@media (max-width: 479px) {
    body {
        font-size: 13px;
    }
}

    répondre
    0
  • P粉145543872

    P粉1455438722023-08-22 18:57:54

    Utilisez @media pour interroger. Ils répondent exactement à ce besoin. Voici un exemple de leur fonctionnement : 

    @media (max-width: 800px) {
  /* 在宽度等于或小于 800px 时显示的 CSS 代码放在这里 */
}

    Cela ne fonctionnera que sur les appareils d'une largeur égale ou inférieure à 800 px.

    Apprenez-en davantage sur les requêtes multimédias sur le Mozilla Developer Network.

    répondre
    0
  • Annulerrépondre