gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-10-31 08:05:19 24 4
gpt4 key购买 nike

我有一个名为 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>

谢谢

最佳答案

您是否尝试过将视口(viewport)设置为适合 iphone 屏幕尺寸?

<meta name="viewport" content="width=320" />

查看更多详细信息:constrain-your-viewport-for-iphone-web-development
另见 developer.apple.com关于 iPhone web 开发的其他因素(例如调整文本大小以提高可读性)

关于iphone - 在 iphone 上重新格式化一个简单的 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/577315/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com