Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Responsive CSS works on regular browsers, not on mobile... why?

Responsive CSS works on regular browsers, not on mobile... why?

Problem

I am trying to put together a simple portfolio site, and have implemented a basic responsive design into the CSS as well (at the very bottom of it), and it behaves just fine - shrinks the 5 columns down to a single column and hides a few elements when I resize the computer browser. But on iPhone/Android browser it doesn't make any difference.

Here is the page in question -> Sample Page

And I can't figure out what the issue is... as in, this should be fairly simple to do, but apparently it's not, and now I'm losing sleep over it... so might as well ask here.

Problem courtesy of: Crazy Serb

Solution

Have you [also] consider the use of viewport meta-tag? Just check This.

Solution courtesy of: Andy

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Responsive CSS works on regular browsers, not on mobile... why?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×