Mobule und Landscape: Css wird nicht "geladen"

[Gunnar Bittersmann]

@@PaulCSS:

nuqneH

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

  
Dem Nutzer das Hineinzoomen zu verbieten, damit er besser lesen kann, ist in den allermeisten Fällen eine sehr schlechte Idee. Weg mit `user-scalable=no"`.  
  
  

> ~~~css

<link rel="stylesheet" href="mobile.css" media="only screen and (max-width: 730px)">  

> <link rel="stylesheet" href="mobile-lscape.css" media="only screen and (max-width: 730px) and (orientation: landscape)">  
> <link rel="stylesheet" href="screen.css" media="screen and (min-width: 730px)">  
> 

Drei Stylesheets einzubinden (d.h. 3 HTTP-Requests) ist auch keine gute Idee. Verwende ein Stylesheet, indem sämtlicher Code (d.h. auch alle Media-Quries) steht.

Nur habe ich das Problem, dass das Landscape CSS erst von den Browsern (alle) berücksichtigt wird, wenn ich die Seite neu lade. Mache ich dies nicht, stellt mir der Browser die Inhalte so dar, wie im mobile.css definiert.

Alle Browser heißt welche? Welches Gerät? Welches Betriebssystem (Version)?

Link zur fraglichen Seite?

Qapla'