SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2011
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mobile Graphics Distorting

    Hi there,
    So I don't think distorting was the right word, but my problem is that I have designed a mobile web page and placed a 240 px wide graphic in the header. When it is viewed on my iPhone, it looks as if the width has been shrunk and the height hasn't, so it looks a little 'squished'. Why would this be happening. I have defined the width and height of the image. You can view www.amberbam.com/m/ on computer and mobile to see the difference. Thanks!

    Amber

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    Hm, looks fine to me in the iPhone simulator, which is normally very reliable, and also on Mobilizer, another testing program.

  3. #3
    SitePoint Member Mezner's Avatar
    Join Date
    Dec 2011
    Location
    Minneapolis, MN
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe try setting a min-width if you haven't already? Seems fine to me, too.

  4. #4
    Non-Member hbctg's Avatar
    Join Date
    Jan 2012
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello all my friends!

    When you created your website by using HTML codes. so i think, you had not used proper XHTML, It meant by used just HTML. Kindly go to your HTML coding page, and you should do 5 special necessary things, specially closing tag e.g. </sample>. If you'll do it, i hope your website will be opened in your mobile phone page.
    Kindly, do one thing, For checking XHTML proper coding, Kindly open your website into many browsers. I hope, your website would be opened few browsers, not in all. Some browsers will fail to open your page properly,

    Thanks!


Bookmarks

Posting Permissions

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