3 Replies Latest reply: Oct 21, 2013 9:55 AM by Rik Ramsay RSS

    basic iphone page fonts too small

    revdave Community Member

      Hi all,

       

      well i tried to create a simple test page with a large font - but it still shows up small in IOS7 iphone 5...

       

      Q: how do I get the page to show correctly with large font for ios?

       

      Also I'm sure there are many other tips for the basics with phones and tablets - (I heard about responsive design / mobile first) - for now just a few basics needed to get started....

       

      Is there anything about making the page fit the screen size that would automatically make it larger?

       

      UPDATE - I see that the font size is larger with the css.... so it seems that the iphone is just showing mostly a large blank page that I have to zoom in on ---- HOW DO I get it to auto fit the iphone screen size (like auto zoom in based on screen size)?

       

      UPDATE 2 - AHA - I found <meta name="viewport" content="width=320" /> - this seems to help a lot - any other info would be appreciated!

       

       

       

       

      Thanks - dave

       

      ============

       

       

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

      <title>Untitled Document</title>

      <style type="text/css">

      .big1 {

                font-size: 24px;

      }

      </style></head>

       

      <body>

       

      small font<br />

      <br />

       

       

      <p class="big1">large test1</p>

       

       

       

      </body>

      </html>