在台式机/笔记本电脑上，如果你放大网站，文本（和整个页面）会调整以适应屏幕。但是，当你在移动的上放大时，你会水平滚动，没有元素会调整为新的缩放。
为什么会这样？有没有办法让移动的浏览器模仿桌面浏览器的行为，让网页适应缩放？
我的<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。
移动的上的常规缩放：
Regular zoom on mobile
移动的上的当前行为（页面已裁剪，水平滚动已启用）：
Current behavior on mobile的
移动的上的期望行为（也称为桌面上的当前行为）。边距调整以适应新的屏幕宽度：
Desired behavior的
HTML - Prevent horizontal scrolling when zooming in on mobile的可能重复
2条答案
按热度按时间idfiyjo81#
简短的回答是：可能不要这样做，这是可怕的难以接近。
也就是说，如果你想这样做，看看Viewport concepts - MDN描述的两个视口。基本上，你需要修改你的组件框，以根据可视视口的大小渲染，而不是布局视口：
当用户捏缩放页面，弹出打开动态键盘，或当以前隐藏的地址栏变得可见时，可视视口缩小，但布局视口不变。
-- MDN
pieyvz9o2#
为了实现这一点，在body标签的css中，将
overflow设置为`。个字符