Am 06.06.2012 05:48 schrieb Rosie Williams:
My first responsive design is at http://forkinthecode.bloople.net (index page
only). I have made the responsive styles work in browsers but when I test it
using my iPhone, it displays all of the content so it isn't picking up the
styles for @media screen and (max-width:480px). I've tried a few different
things but not sure what the problem is.
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.
I hope there is an easy answer for both of us!
Thanks, Markus
______________________________________________________________________
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/
