Welcome to WebmasterWorld Guest from

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

5+ Year Member

joined:Jan 19, 2012
posts: 20
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}

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
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.