默认情况下,移动Safari上的页面比视口更宽更高

时间:2017-12-19 19:05:40

标签: html css viewport

我有以下空白HTML模板:



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
&#13;
&#13;
&#13;

当我通过iOS模拟器Safari中的localhost运行时,我得到了这个:

enter image description here

注意滚动条,希望指示页面比视口宽多少。尽管我的meta标记放在头部。

对于桌面Safari而言,只有在像这样的移动Safari上运行时才能说同样的事情。

默认情况下,为什么这么宽和高?如果没有添加一堆CSS,我如何确保它不大于视口?

0 个答案:

没有答案