homepage Welcome to WebmasterWorld Guest from 54.196.18.51
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
Forum Library, Charter, Moderator: open

Mobile Web Site Design and Development Forum

    
Responsive design not working on small consoles eg: psp, dsi
Consoles seem to ignore media queries
arthur22




msg:4649267
 12:12 pm on Feb 26, 2014 (gmt 0)

I'm trying to figure out why my responsive design seems to work fine on mobiles but is completely ignored by my sony psp and nintendo dsi.

I have a very simple liquid 2-column design, one column at 15% of the screen and one column 85%. I'm using media queries to detect the size of the screen and then delete a large banner at the top of the page if the screen is less than 767px. However, on the psp and dsi screen the banner still appears.

Here's the code:

/* SMALL screens between 480px and 767px */
@media (min-width:480px) and (max-width: 767px)
{
#container{width:460px;margin:0 auto;background: none}
#largebanner{display:none}
}

In my browser, the banner disappears the moment I resize to less than 767px. On the console screens, the banner always remains.

Does anyone have any ideas what I might be doing wrong? Many thanks for any suggestions!

 

drhowarddrfine




msg:4649307
 1:22 pm on Feb 26, 2014 (gmt 0)

I don't know which browsers are used in those machines but do you know if they support media queries?

EDIT: Apparently Netfront for the Sony PSP will apply CSS rules contained in media queries no matter what. The Nintendo browser is Opera but I don't know which one.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Mobile Internet / Mobile Web Site Design and Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved