Am 06.06.2012 10:23 schrieb Philippe Wittenbergh:
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.
Merci beaucoup Philippe, that's cool, I had missed meta viewport! In my
case, <meta name="viewport" content="width=700px"> turned out to work as
I expected it to work.
Is there any risk that desktop browsers interpret this meta tag, too, or
is it restricted to mobile devices?
Best regards
Markus
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/