Responsive Webdesign - Smartphone Hintergrundgrafik soll nicht geladen werden
Hallo,
ich habe über Media Queries zwei css-Datein für unterschiedliche Bildschirmgrößen initialisiert. Bei der Anzeige für Smartphones möchte ich aus Performancegründen das eine Hintergrundgrafik eines divs weder angezeigt noch geladen werden soll. Wenn ich die Anweisung HTML-Code:
@media(max-width:480px){ |
Ja, wenn die Regel spezifisch genug ist um die vorher definierte Regel zu überschreiben.
Verkleinerere einfach dein Browserfenster und schau ob die Hintergrundgraphik ausgeblendet wird, wenn du die Breite unterschreitest. Wenn das der Fall ist, wird die Graphik letzlich auch nicht geladen. |
Vielen Dank für die schnelle und fachliche Antwort.
|
Falls es nicht klappen sollte,
dann frage die Viewport Breite mit JS ab. Und lade dementsprechend die dafür vorhergesehen Seite. Du müsstest quasi 2 Seiten erstellen. Das mit CSS zu lösen ist zu unstabil. |
Zitat:
|
Hat halt alles seine Vor- und Nachteile ;)
Bei der Smartphone Seite würde ich auch nur Inhalte bringen. Auf Bilderkram usw würde ich genzlich verzichten. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 11:53 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023