Partage
  • Partager sur Facebook
  • Partager sur Twitter

@media adaptatif directement dans HTML

RodrigoDiaz
    17 avril 2019 à 16:28:18

    Bonjour,

    Je voudrais savoir s'il est possible de faire une mise en page adaptative en fonction de la taille de l'écran, mais sans modifier par le fichier CSS.

    C'est à dire que j'ai besoin de le faire entièrement dans le fragment HTML5 concerné.

    Vous aller probablement trouver ce besoin bête... Mais je ne peux modifier que une portion du HTML de cette page.

    • Partager sur Facebook
    • Partager sur Twitter
    FloJDM
    • HTML / CSS
      17 avril 2019 à 17:41:31

      Salut,

      Bah c'est assez simple :

      <!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

      Source : https://www.w3schools.com/html/html_css.asp

      • Partager sur Facebook
      • Partager sur Twitter

      -> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...

      GuillaumeBo1
      • HTML / CSS
        17 avril 2019 à 22:20:57

        Bonsoir,

        utiliser une balise style directement dans du HTML n'est pas propre : W3C

        Sans une once de CSS tu as la balise meta viewport

        Je te laisse regarder ce que c'est et comment s'en servir.

        • Partager sur Facebook
        • Partager sur Twitter
        Un homme azerty en vaut deux.

        @media adaptatif directement dans HTML

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
        • Editeur ●
        • Markdown