media in html

[PrinceMaisle]

Moin, mit "media" kann man in CSS sehr schön z.B. Elemente ausblenden wenn beispielsweise eine bestimmte Breite unter-/überschritten ist.

css-Beispiel: @media only screen and (max-width: 800px) { #containerDiv { display:none; } }

Kann man. Muss man nicht zwingend, da auch dank grid, flex-box viel möglich ist. Manchmal kommt man aber nicht drum herum noch eine mediaquery zu bauen. Und im css ist diese auch an der richtigen Stelle.

Nun möchte ich diese Anweisung nicht in css sondern im style Attribut des HTML tags schreiben. Leider funktioniert das dort nicht: <div id="containerDiv" media="only screen and (max-width: 800px): 'display:none';">test</div>

Warum möchtest du das? Das doch das tolle an css. Du kannst dein ganzes styling auslagern.

Mir fehlt die richtige Syntax...

Die @media gibts zum Glück nicht inline

Kann mir jemand helfen?

Vielleicht. Ich leider nicht

Next