Html 为什么'；t overflow-x：手机上隐藏滚动条？

关于如何处理水平滚动条，互联网上出现了许多问题。我读过很多书，人们解释了如何解决这个问题，但我找不到一个答案来解释为什么会发生这种情况

规范中包含以下关于

隐藏的
溢出值的信息：

该值表示框的内容被剪裁到其填充框中，UA不得提供任何滚动用户界面来查看剪裁区域以外的内容，也不允许用户直接干预滚动，例如在触摸屏上拖动或使用鼠标滚轮。但是，内容必须仍然可以通过编程方式滚动，例如使用[CSSOM-VIEW]中定义的机制，因此该框仍然是一个滚动容器

我制作了这个非常简单的页面，故意在
上有溢出的内容和
overflow-x:hidden
：



文件
Lorem ipsum dolor sit amet，是一位杰出的献身者。不要让自己的生活过得很好
乌兰科佩尔·埃吉特。我不需要设施，我不需要设施，自由女神。克拉斯·厄洛斯·奥奇，特里斯蒂克身份证
奥奇等，最后的胜利属于自由。每一个康努比亚诺斯特拉，每一个
伊塞普托斯·希梅纳奥斯。鼠酵素的替代品是一种有毒物质。无尾苏打水
多洛，ac luctus eros malesuada et.Sed ut lobortis eros。前庭，前庭，前庭，前庭。毛里斯秃鹫
智者是福西布斯·莫莱斯蒂。在普卢斯的商品效率，自由-卢克图斯欧盟的生命拍卖人。顿涅克
自由人。两人之间有一个共同的身份证明

Nunc faucibus，velit at aliquet调味品，felis urna tristique sapien，sed Pat nibh turpis nec dolor。
在justo eget拍卖行的Sed feugiat。非埃吉斯塔斯人的粗皮书。枕后沟
天妇之乐。这是我的拿手好戏。这是一种非马萨调味品。UTA
这只猫的生命是短暂的。我对你的效率很高
佩伦茨克的支持。在波苏尔，帕特·塞勒里克。Donec semper sapien在elit egestas，坐在amet
ultricies流苏菌。梅塞纳斯·康格·波苏尔·维利特，欧盟三巨头。在乌尔纳洛雷姆，
mollis non quam ac，laoreet ante教堂

Pellentsque nec sem Pellentsque，国际酒后驾车，同侧前。奥古斯特普莱斯特拉特的埃尼安，鲁特鲁姆莫里斯
奎斯，尼布。奥古斯米的前庭。这是我的前庭。库拉比图尔
佩林式的尊严是基本要素。侵权行为发生前的法律后果
塞德米。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。Nunc eu finibus dui，非马蒂斯
智人。托托拉克斯的佩伦茨克。Donec enim nulla，lacinia a risus id，congue sollicitudin dolor。福斯
非帝国饮食麦格纳。努克汽车权杖。莫里斯·佩伦茨克·奎斯·埃尼姆·维塔·菲尼布斯

无便利。我的生命是平等的。这是一种很好的治疗方法。普雷森特康茂德酒店
arcu，我的猫咪调味品和无尾猫，奥古斯特和乌尔特里斯酒，多洛酒后酒
自由人，我不知道该怎么做。阶段和阶段。前庭水平前庭
弗林斯利亚。普罗因·弗林利亚·乌纳·利伯罗（Proin fringilla urna libero），埃吉特·库苏斯（eget cursus sem laoreet sed）。毛里斯和莫利斯精英学校
我是帕特·埃吉特·维利特。Mauris fringilla viverra ex，nec或arcu consequat id.Cras sed erat elit。
毛里斯·尤伊斯莫德、智者·尤伊斯·艾库利斯·菲尼布斯、康瓦利斯·厄罗斯、阿梅特·拉齐尼亚·拉库斯·韦利特
弧元素。这是一个令人振奋的时刻，也是一个自由的时刻

梅塞纳斯拍卖人sapien拍卖人lobortis拍卖人。这是一种名言，是一种生命之果。
埃涅亚智人安特、拉齐尼亚贵人、福西布斯·拉库斯（faucibus lacus）中间人。毛里斯facilisis dolor non orci
在中间，我们要继续前进。一个爱神的魁梧。这是暂时的。Fusce-sit
埃米特·佩伦茨克·埃拉特。在《洛雷姆·米》中，马蒂斯·马克西姆斯·塞佩尔（mattis ut maximus semper）是爱神的化身。无牌暂止牌
这是一个非常有趣的故事。在欧盟，自由大联盟。阿利奎姆·埃拉特·帕特。在埃吉斯塔斯
坐在阿梅特·莫里斯的座位上。Aliquam aliquet mauris nec venenatis Dignessim。埃尼安福西布斯托尔维塔酒店
马莱苏亚达湖，我是弗林尼利亚·努克·廷西登


以上述方式在HTML文档上设置视口时，
initial scale=1.0
将在浏览器首次加载页面时设置初始缩放级别

如果将该缩放级别应用于页面，而该特定div没有溢出，则
html
和
body
是因为您将div的宽度设置为
150%

视口比例实质上是改变参考点，而不是改变与此特定情况相关的行为

您还可以设置
width=device width
属性，该属性将页面宽度指定为跟随设备的
屏幕宽度
（该宽度将根据设备的不同而变化），作为“缩放元素”（页面布局）的另一个参考点

溢出未按预期工作的原因是它被正确地应用于div，因此内容的行为符合预期，但现在重新调整大小的
html
/
正文
已从参考大小扩展到
设备宽度