Le Jun 6, 2012 à 4:59 PM, Markus Ernst a écrit : > I was just writing a similar post to this list when I saw yours. I have the > same problem with my Android phone; I tried both the Android browser and > Opera Mobile. The page in development is here: > http://hansbrun.ch.sabon.ch-meta.net/ > > It is not fully mobile-optimized, but some things are rearranged for browser > windows smaller than 801px width. I set the styles for the smaller browsers > as defaults, and added the changes for bigger displays at the end of > seite.css and home.css, in @media blocks: > > @media (min-width:801px) { > /* Styles for bigger displays go here */ > } > > That works well if you change the window width on a desktop PC, but mobile > browsers insist in applying the styles for big displays.
That doesn't surprise me. In the absence of a <meta name="viewport" content="width=device-width" > (you don't specify it, the viewport width of e.g iOS / MobileSafari is > 980px. That is large enough for your media query to kick in. Add that viewport meta and your media query will start working. Rosie has the same problem, I think. -- Philippe Wittenbergh http://l-c-n.com ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
