Are you sure the CSS file is where you say it is? The main page, http://forkinthecode.bloople.net/, has the line:
<link media="only screen and (max-device-width: 480px)" href="portfolio_mobile.css" type="text/css" rel="stylesheet" /> ... but http://forkinthecode.bloople.net/portfolio_mobile.css can't be found, though http://forkinthecode.bloople.net/portfolio.css can be found. Rick Gordon ------------------ On 6/6/12 at 2:18 PM +1030, Rosie Williams wrote in a message entitled "[css-d] media type not working with iphone": >Hi guys, > >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. > >thanks in advance >Rosie > >______________________________________________________________________ >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/ -- ___________________________________________________ RICK GORDON EMERALD VALLEY GRAPHICS AND CONSULTING ___________________________________________________ WWW: http://www.shelterpub.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/
