text: css — Das Bild ignoriert auf mysteriöse Weise die maximale Breite in Firefox & IE
  /Das Bild ignoriert auf mysteriöse Weise die maximale Breite in Firefox & IE
  Das Bild ignoriert auf mysteriöse Weise die maximale Breite in Firefox & IE
  Deshalb versuche ich, Bilder so groß wie möglich darzustellen, ohne sie auf einer Bildschirmgröße zuzuschneiden. Das heisst height: 100%; width: auto in landscape und width: 100%; height: auto in portrait.
  Ich biete Bilder an, die groß genug sind, um die Netzhaut-iPads zu füllen, sodass so ziemlich jede Bildschirmgröße die Bilder verkleinert. Mit Ausnahme von Internet Explorer und Firefox im Querformat funktioniert dies in jedem Browser und in jeder Ausrichtung, sodass sie für so ziemlich jeden Bildschirm viel zu groß sind. Das ist nur in der Landschaft, wohlgemerkt.
  Die relevanten Codebits sind:
  Ich bin nicht allzu besorgt über älter als IE9, möchte aber im Idealfall alles bedienen. Solange ich jedoch IE9 + und Firefox bedienen kann, bin ich glücklich.
  Oh, und übrigens - Inspector in Firefox sagt mir, dass die width:100% Regel wird befolgt, aber es ist eindeutig nicht.
  cssinternet-explorerfirefoxresponsive-designmax
  27.01.2013 sanjaypoyzer
  Du hast max-width: 100%, aber 100% von was? Von der Elternbreite, richtig? Das übergeordnete Element ist jedoch ein Inline-Block (mit class = "sponsor"), dessen Breite nicht festgelegt ist. Daher hängt seine Breite von den untergeordneten Elementen und insbesondere von der bevorzugten Breite der untergeordneten Elemente ab.
  Das Layout dieses Stils ist in der CSS-Spezifikation nicht definiert. Insbesondere hängt die innere Breite der Kinder in diesem Fall von der Breite der Eltern ab, die wiederum von der inneren Breite der Kinder abhängt. Siehe http://www.w3.org/TR/CSS21/visudet.html#shrink-to-fit-float für den relevanten Spezifikationstext und beachten Sie alle Bits, die nicht definiert werden.
  Ich empfehle Ihre <div class="sponsor"> eine Breite. Das sollte sich mit dem Problem befassen, würde ich denken.
  29.01.2013 Boris Zbarsky
  Ich hatte zwei Probleme. Es hat funktioniert, als es keine anderen Vorschläge gab. Das Targeting wird nur für FF verwendet, das ältere width: 100% fix und eine zusätzliche experimentelle Eigenschaft.
  Um es zum Laufen zu bringen, habe ich Folgendes getan:
  Die magische Kugel war der experimentelle -moz-max-content Wert. Kombiniert mit width: 100%, FF verhält sich dadurch wie Safari/Chrome's max-width: 100%; installieren.