Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Location
    Hertfordshire, UK
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Website layout fails in Mobile Safari...

    I have been working on a portfolio website which, after a few dorment years on the coding side of things, has been a good learning experience for me. I have everything working and looking as intended with the exception on Mobile Safari. For some reason which I can't seem to get to the bottom of, the text isn't resizing properly. Exceptional failure can be seen on the work page of the site.
    Link to the work in progress in question ... here
    and screen shot of layout on my iphone Attachment 8619.

    Any help will be greatly appreciated as the perfectionist in me won't be happy until its compatible on as many browsers as possible!

    Thanks

  • #2
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    If you're really that worried about mobile devices, why not serve an optimized page?

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    37
    Thanks
    11
    Thanked 1 Time in 1 Post
    Off topic:

    I like your work.

    Especially the http://www.primrosecaravanhire.co.uk/ site. I like what you did with the transparent PNG's. The sketch font is really nice, but I think in one year it will be used too many times. You can see this particular font everywhere these days.

    Nonetheless, look great.

  • Users who have thanked rogierius for this post:

    dhobbs1978 (06-08-2010)

  • #4
    New to the CF scene
    Join Date
    Jun 2010
    Location
    Hertfordshire, UK
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rogierius View Post
    Off topic:

    I like your work.

    Especially the http://www.primrosecaravanhire.co.uk/ site. I like what you did with the transparent PNG's. The sketch font is really nice, but I think in one year it will be used too many times. You can see this particular font everywhere these days.

    Nonetheless, look great.
    I know it was off topic but I really appreciated the comments you made on my work! Thanks

  • #5
    New to the CF scene
    Join Date
    Jun 2010
    Location
    Hertfordshire, UK
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Apostropartheid View Post
    If you're really that worried about mobile devices, why not serve an optimized page?
    Unfortunately I am short on spare time so would rather not have to create optimised pages.

  • #6
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by dhobbs1978 View Post
    Unfortunately I am short on spare time so would rather not have to create optimised pages.
    Short of actually reducing the text-size across the board, you'll have to either deal with it or you can set mobile-specific CSS. For current-gen devices (not sure what will happen with iPhone 4) you can use media queries, like this:
    Code:
    <link media="only screen and (max-device-width: 480px)" href="" type= "text/css" rel="stylesheet" />
    Through this you can do any fixes or, even better, design your site to fit into a mobile environment.


  •  

    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
    •