Responsive - Einblenden/Ausblenden 
Autor: Uwe H.
Besucht 132,
Followers 1,
Geteilt 0
Hallo Leute,
4. Responsive - Einblenden/Ausblenden
Es würde Sinn machen, wenn ich auch im Desktop Elemente ausblenden könnte, die ich dann in den darunter liegenden Auflösungen erst einblende.
Problem: Wenn ich unter dem Menü einen großflächigen Hintergrund, oder ein Bild oder wie auch immer, in der vollen Desktop-Breite verwende, wo zum Beispiel ein Restaurant drauf zu sehen ist, macht es keinen Sinn, dieses Element vom Desktop bis ins Smartphone runter zu ziehen, also blendet man irgendwann das Element aus.
So weit so gut.
Weil man aber das Restaurant auch beim Tablet/Smartphone im vollen Umfang anzeigen lassen möchte - und dafür praktisch ein einfaches Foto ausreicht, sollte man diese Möglichkeit unbedingt in Betracht ziehen.
Gepostet am

(It > De) ... ...abgesehen von der Idee kannst du es auch selbst in die Hand nehmen, ...zwei ähnliche Objekte in zwei getrennten Zellen/Zeilen platzieren:
==#imCell_x1===========================
---------------------[Objekt1]--------------
==#imCell_x2===========================
---------------------[Objekt2]-----------
======================================
... und diese dann einfach über Media Queries steuern, zum Beispiel:
<style>
@media(min-width:720px) {#imCell_x1 {display:none !important} }
@media(max-width:719px) {#imCell_x2 {display:none !important} }
</style>
... ... ...
>> https://kolasim.websitex5.me/mostra-nascondi/ibrido.html
... den Hintergrund bei niedrigen Auflösungen von horizontal auf vertikal ändern:
>> https://kolasim.websitex5.me/mostra_nascondi_sfondorigaX/cambia_sfondo_1.html
.
ciao
.