iphone browser RSS

• • Reply
  thelongislan...

  Member

  11 Points

  76 Posts

  iphone browser

  Mar 31, 2012 11:55 AM|thelongislander|LINK

  I seem to be having display issues.  I  Have a site that i created that has a unique background.  displaying an image of a piece of paper.  I have been able to display text directly on the piece of paper.   Everything looks perfect on a regular browser.  for example IE.   However when i load the page on an Iphone.  the Text stretches way past the background image.   How do i set the text to "shrink" along with the background when viewed from an iphone.   this way all of the text can be seen the same way it did in the regular browser?

  im hoping there some sort of statement like

  <!--[if lt IE 9]>
    	<script type="text/javascript" src="js/html5.js"></script>
  	<style type="text/css">
  		.bg{ behavior: url(js/PIE.htc); }
  	    .style4
          {
              height: 201px;
              width: 485px;
          }
          .style5
          {
              width: 100%;
              overflow: hidden;
              height: 340px;
          }
          .style7
          {
              margin-top: 25px;
          }
  	    </style>
    <![endif]-->

   

   

  thanks for your help

• • Reply
  roopeshreddy

  Star

  14065 Points

  3270 Posts

  Re: iphone browser

  Apr 05, 2012 10:40 AM|roopeshreddy|LINK

  Hi,

  Try adding the following META tag!

  <meta name="viewport" content="width=device-width" />

  Moreover, you can also check the below link for more info on iPhone web app development!

  http://roopeshreddy.wordpress.com/2011/03/05/guidelines-for-developing-web-apps-for-apple-iphone/

  Hope it helps u...

  Thanks & Regards
  Roopesh Reddy C
  Roopesh's Space