【发布时间】：2021-11-23 06:58:26
【问题描述】：
我有 2 个 HTML，第一个带有在 cmets 中的 viewport 标签，第二个没有它：`
<html>
<head>
<meta charset="utf-8" />
<title>Civil War History</title>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> it is in the first -->
<link href="cssfile.css" rel="stylesheet" />
</head>
<body>
<div> Large Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Asperiores
at deleniti exercitationem expedita laboriosam
laborum laudantium tempora ullam.
Delectus deserunt ducimus error esse
incidunt minus necessitatibus nihil,
obcaecati quaerat recusandae?
</div>
</body>
</html>`
该 html 的 cssfile 是相同的（没有变化）：
div {
font-size :16px;
}
当我在 Iphone X 的视口中检查它时，它们的行为都很奇怪。第一个带有 viewport 标签的尺寸为 375px，字体大小为 16px，第二个没有 viewport 标签的字数为 980 px，字体大小为 16 px。怎么会 ？ 是不是空间越大字越多？请解释发生了什么。提前致谢）
【问题讨论】：
标签： html css fonts media-queries viewport