Welcome to WebmasterWorld Guest from 54.160.221.82

Forum Moderators: not2easy

Message Too Old, No Replies

Responsive design not working on small consoles eg: psp, dsi

Consoles seem to ignore media queries

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

New User

joined:Jan 19, 2012
posts: 19
votes: 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!
1:22 pm on Feb 26, 2014 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:May 23, 2005
posts:742
votes: 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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members