Grow your CSS skills. Land your dream job.

Smartphones displaying site like it was months old.

  • # December 11, 2012 at 3:59 pm

    I have a client site called http://foursquaresummiteast.org and it looks good on a desktop and tablet, however when I look at it on a phone, or ipod touch, it looks horrible and is not adapting any changes i have made over the last few months (responsive, backgrounds, fonts, etc.) help?

    # December 11, 2012 at 4:12 pm

    I have narrowed it down to the problem being that the “www” prefix is taking the users to an older site.

    # December 11, 2012 at 4:16 pm

    Here is what it is supposed to look like. http://d.pr/i/94k1

    # December 11, 2012 at 5:13 pm

    I get the website you just posted above on my Nexus.

    # December 11, 2012 at 5:41 pm

    on my iphone4/safari everything is centered. videos and textboxes have 100% width.
    small stuff could be shuffled around a bit.
    maybe float the bigger ones right?

    the cat just flipped by the sudden music, btw…
    autoplay-video: off;

    ;)

    # December 11, 2012 at 5:51 pm

    hmm… i’d rewrite this totally :(

    # December 12, 2012 at 4:03 am

    Renders perfectly on my Galaxy SII. Although the links are really difficult to read on those black backgrounds, even when zooming in. You won’t be able to size any website for every mobile device, not possible, unless you feel like making 10,000 media queries, one for every mobile device on the face of the earth. Anyway, Samsung’s seem to support it just fine.

    # December 13, 2012 at 7:25 am

    @djdaniel150 Huh? Media queries are based on screensizes, not one hardware. I mostly do just about 2-4 mediaqueries for a website, depending on type of site.

    # December 13, 2012 at 4:07 pm

    It seamed fine to me but it does not have the brick background on it.

    # December 13, 2012 at 5:18 pm

    @twincy All of this is per the client’s request. All but the code is from them. Including autoplay.

    # December 13, 2012 at 5:27 pm

    The 10MB brick pattern in the background really makes it pop. Nothing says optimizing for mobile devices better than providing those high quality images for mobile users.

    The whole site clocks in at about 20MB, sweet.

    # December 13, 2012 at 11:40 pm

    yeah the background is really ‘heavy’!!!

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

You must be logged in to reply to this topic.

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