zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Responsive Webdesign - Smartphone Hintergrundgrafik soll nicht geladen werden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.03.2012, 18:55
Senkrechtstarter
neuer user
Thread-Ersteller
 
Registriert seit: 23.02.2012
Beiträge: 6
simon1101 befindet sich auf einem aufstrebenden Ast
Standard 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){
.grosses_bild{
    background:none!important;
    width:auto!important;
    height:auto!important;
}
verwende, erreiche ich damit das von mir gewünschte Ergebnis?
__________________
Gruß
Simon
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.03.2012, 19:08
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.823
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

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.
__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.03.2012, 20:50
Senkrechtstarter
neuer user
Thread-Ersteller
 
Registriert seit: 23.02.2012
Beiträge: 6
simon1101 befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die schnelle und fachliche Antwort.
__________________
Gruß
Simon
Mit Zitat antworten
  #4 (permalink)  
Alt 08.03.2012, 21:57
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

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.
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
  #5 (permalink)  
Alt 08.03.2012, 22:23
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.823
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Zitat:
Zitat von Muamicus Beitrag anzeigen
Das mit CSS zu lösen ist zu unstabil.
Nicht weniger stabil, als es mit CSS zu lösen oder zwei Seiten zu warten.
Mit Zitat antworten
  #6 (permalink)  
Alt 08.03.2012, 22:35
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

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.
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 17:26 Uhr.