Question

在台式机/笔记本电脑上，如果放大网站，则文本（和整个页面）会进行调整以适合屏幕。但是，当您在移动设备上放大时，而是水平滚动，并且没有元素针对新的缩放进行调整。

这是为什么？有什么方法可以使移动浏览器模仿台式机浏览器的行为，从而使网页适应缩放？

我的<head>标记的相关部分：

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

我也在使用Bootstrap CSS。

在移动设备上进行常规缩放：

移动设备上的当前行为（页面被裁剪，启用了水平滚动：

移动设备上的所需行为（也称为台式机上的当前行为）。边距调整为适合新的屏幕宽度：

Answer 1

要实现此目的，请在body标签的CSS中将overflow设置为`。另外Refer

body{
font-size:100px;
overflow:hidden;
}

<body>asdklajflksjfklaklsjklsfajklasjflkajfalshgkdhioqwefmahlashjfdhkjhaslkfhlakjhldhlkjhfsajlkhalksj</body>