[ERLEDIGT] Objekte aus/einblenden bei wechselnder Ansicht

[boehmottenschlag]

Hallo!

Ich brauche einen Code, der es mir erlaubt, gewisse Objekte - hauptsächlich DIV-Container - beispielsweise bei verwendung eines Smartphones (maximale Bildschirmbreite von xxx Pixeln) ausblendet. Am besten wäre ein möglichst kurzer Code, der nicht viel anpassung an die betroffenen Elemente erfordert. Da ich leider mit Javascript und Co nichts am Hut habe wollte ich hier mal nachfragen.

Habe bereits zwei Stylesheets laufen, die bei Unterschreitung einer Bildschirmbreite von 1200 Pixeln automatisch von Web auf Mobil umschalten, jedoch bleiben die Container im PHP Quelltext dennoch enthalten.

Vielen Dank im Voraus,

liebe Grüße!

 

[SpiceLab]

Ich brauche einen Code, der es mir erlaubt, gewisse Objekte - hauptsächlich DIV-Container - beispielsweise bei verwendung eines Smartphones (maximale Bildschirmbreite von xxx Pixeln) ausblendet.

Dafür ist kein JavaScript erforderlich (= Deine Wahl des Forums) *

Das regelt CSS mittels Media Queries und der display-Eigenschaft:

• https://wiki.selfhtml.org/wiki/CSS/Media_Queries
• https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Anzeige/display#Die_display-Eigenschaft

Ergebnis: https://jsfiddle.net/SpiceLab/mL86fttL/

Das CSS-Framework Bootstrap stellt dafür spezielle (vordefinierte) Hilfsklassen für die einzelnen Ausgabemedien/Viewportbreiten bereit:

• https://getbootstrap.com/css/#responsive-utilities > https://getbootstrap.com/css/#responsive-utilities-tests
• http://holdirbootstrap.de/css/#responsive-utilities > http://holdirbootstrap.de/css/#responsive-utilities-tests

* ursprünglich - Thema ist zwischenzeitlich in CSS angekommen.

 

[boehmottenschlag]

Muss mich vielmals bedanken, die Lösung wäre ja garnicht so schwer zu erdenken, aber wenn man an der falschen Stelle sucht...

Vielen Dank!

 

[SpiceLab]

Muss mich vielmals bedanken, die Lösung wäre ja garnicht so schwer zu erdenken, aber wenn man an der falschen Stelle sucht...

Vielen Dank!

Gern geschehen :)