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)

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)

WebmasterWorld Senior Member 10+ Year Member

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.

Featured Threads

Hot Threads This Week

Hot Threads This Month