在iphone上重新格式化一个简单的html页面

seb*_*bey 4 html iphone webpage

我有一个名为today.html的html,我在我的iphone上使用它,我必须放大查看我的任务如何才能正确格式化,以便我在iphone屏幕上扭曲并且文本大小合适

这是我的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Tasks for today</title>
    <meta name="generator" content="TextMate http://macromates.com/">
    <meta name="author" content="sebastian stephenson">
<style type="text/css" media="screen">
    body {
        border: medium dashed #7979ff;
        background-color: #fff;
        margin: 0 auto;
    }

    body p{
        font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        padding-left: 10px;
    }

    .todos {
        font: 1em"Lucida Grande", Lucida, Verdana, sans-serif;
        color: #7D1518;
        padding-left: 20px;
    }
    .todos p{
        font: 1em Arial;
    }
</style>
<!-- Date: 2008-08-24 -->
</head>

<body>
<p>a greeting</p>
<div class="todos">

<li>a task</li>

<li>a task with detail</li>
<p>detail</p>
<li>a task with muilple acitons</li>


<ul>

<li>an action</li>

<li>an action</li>

<li>an action</li>

<li>an action</li>

<li>an action</li>

<li>an action</li>

<li>an action</li>



</ul>


</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

谢谢

Dro*_*ror 7

您是否尝试过设置视口以适应iphone屏幕尺寸?

<meta name="viewport" content="width=320" />
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅:constrain-your-viewport-for-iphone-web-development有关iPhone Web开发的其他因素,
请参阅developer.apple.com(例如调整可读性的文本大小)