Grow your CSS skills. Land your dream job.

Readable Text on Mobile Devices

  • # March 7, 2013 at 9:15 pm

    http://cdpn.io/Iwkbe

    When I view this in a desktop browser and resize the window, no matter what size I make it, it remains readable; the column simply gets wider or narrower to fit perfectly in the window. Why is it that when I open the same exact thing in a mobile browser, it doesn’t shrink the column and keep the text readable, instead it shrinks the text? Any help is greatly appreciated! Thanks!

    # March 7, 2013 at 9:32 pm

    My guess would be because mobile devices have high resolution screens.

    # March 8, 2013 at 5:22 am

    Frankly we don’t have enough information / code to see what it’s supposed to do on a mobile screen.

    Is the appropriate meta viewport implemented etc?

    Are there media queries and are they implemented correctly?

    Etc., etc.

    # March 8, 2013 at 10:58 am

    Thanks a lot, it was all because I didn’t have the meta viewport tags.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".