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)
谢谢
您是否尝试过设置视口以适应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(例如调整可读性的文本大小)