www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Responsive not working in smart phone

  1. #1
    Join Date
    Nov 2011
    Posts
    36

    resolved [RESOLVED] Responsive not working in smart phone

    My first responsive project and it's not as smooth as I hoped!

    I've completed an initial concept with break points at 768 and 480 and it breaks fine when I resize in the browser. I did a final test in my smart phone and I get the FULL SITE!

    I've been banging my head against the wall and I sure hope somebody can bail me out!

    You can see the page here - www.siphon-marketing.com/unifirst

    Also, when resizing my screen on a desktop, it breaks OK but I need to refresh at each point to force some elements in place...any way I can prevent that?

    Thanks so much!

  2. #2
    Join Date
    Mar 2011
    Posts
    1,133
    You have two 'viewport' <meta> tags, and I suspect that the second one is overriding the first on smartphones, leading to a fixed width.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    1) What is the resolution of your smartphone?
    For instance most smartphones have a screen width of more than 484px in portrait mode.

    2) If you need to refresh to force some elements in place, it means the corresponding CSS are missing in the media query corresponding to that "max-width"

  4. #4
    Join Date
    Nov 2011
    Posts
    36
    Quote Originally Posted by rtrethewey View Post
    You have two 'viewport' <meta> tags, and I suspect that the second one is overriding the first on smartphones, leading to a fixed width.
    This was the culprit! Works fine now and I increased the width for it to work in my smart phone.

    Thanks all!

    Len

  5. #5
    Join Date
    Sep 2012
    Posts
    5
    fisrtly you must be know which your size phone

    I-phone Potrait = 320 x 480
    I-phone Landscape = 480 x 320
    I-pad Potrait = 768 x 1024
    I-pad Landscape : 1024 x 768

    and now, which you size of your smartphone ?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles