<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>

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

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