HTML

<!DOCTYPE html>
<html lang="fr">

<head>

    <meta charset="utf-8">

    <link rel="stylesheet" media="all and (max-width: 768px)" href="css/white.css">
    <link rel="stylesheet" media="all and (min-width: 769px)" href="css/black.css">

    <title>Media queries</title>
</head>

<body>
    <p>Breakpoint : width > 768px</p>
</body>

</html>

CSS

black.css

body {
    color: #fff;
    background: #000
}

white.css

body {
    color: #000;
    background: #fff
}

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.