28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous !

Dans le basic template de bootstrap3, il y a des commentaires. N'étant pas du tout habitué aux commentaires conditionnels, pouvez vous me décrire exactement leurs rôle ligne par ligne ?


Ces 2 lignes là :
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

Puis ici je comprend qu'on cible les versions antétieurs à IE9 mais que font réellement ces liens ??
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


Merci Smiley cligne
Bonjour LeFredd,

Les navigateurs des générations précédentes à IE9 ne savent pas interpréter les nouvelles balises HTML5 (header, nav, section, article, ...) et les Media Queries CSS3.

Le script html5shiv.js créée dynamiquement ces balises HTML5 et leur comportement CSS par défaut pour être interprétables. Vous aurez plus d'info sur https://code.google.com/p/html5shiv/.

Le script respond.js permet l’interprétation des Media Queries CSS3. Vous aurez plus d'info sur :
- https://github.com/scottjehl/Respond
- AlsaCréations : Les Media Queries CSS3.

Par contre il faut être particulièrement vigilant au contexte de développement avec respond.js (voir Respond - Support & Caveats). Exemple : le script ne fonctionne pas avec des CSS via @import.

Bonnes recherches et bon code...