Overflow-x：hidden不能防止内容在移动浏览器中溢出
。
在桌面浏览器中查看时，黑色菜单栏正确地延伸到窗口的边缘，因为body具有overflow-x:hidden。
在任何移动浏览器中，无论是Android还是iOS，黑色菜单栏都将显示其完整宽度，从而在页面右侧显示空格。据我所知，该空格甚至不是htmlorbody标签的一部分。
即使我在中将视口设置为特定的宽度<head>：
<meta name="viewport" content="width=1100, initial-scale=1">
该站点扩展到1100像素，但仍然有1100以外的空白。
我想念什么？如何将视口保持在1100并切断溢出？
问题答案：
创建内部的一个网站包装DIV <body>并应用overflow-x:hidden到 包装
，而不是<body>或<html>固定的问题。
看来，解析<meta name="viewport">标记的浏览器只是忽略overflow了html和body标记上的属性。
注意：您可能还需要添加position: relative到包装div中。
-
我有一个400px宽的DIV，包含两个并排的DIV，每个DIV的宽度为400px，高度为600px。两个DIV的宽度是固定的，但是高度可以变化。我希望隐藏第二个DIV，并完整地显示第一个DIV，在DIV中不滚动。 我希望是可见的，但是由于某些原因，中的隐藏了它。
-
问题内容： 如果转到页面a并滚动浏览，则刷新页面将在您离开页面的位置刷新。这很好，但是在URL中存在锚点位置的页面上也会发生这种情况。例如，如果您单击一个链接并在环顾四周后刷新页面，您将不会处于锚点，而页面会跳来跳去。有什么办法可以防止使用javascript吗？因此，无论如何，您始终可以导航到锚点。 问题答案： 由于浏览器行为的更改，不再建议使用此解决方案。查看其他答案。 基本上，如果使用锚，则
-
我有一个很奇怪的问题...在每个浏览器和移动版本中，我都遇到了这种行为： 当您加载页面时，所有浏览器都有一个顶部菜单（例如，显示地址栏），当您开始滚动页面时，该菜单向上滑动。 100vh有时只在视区的可见部分计算，因此当浏览器栏向上滑动时，100vh会增加（以像素为单位） 由于尺寸已更改，所有布局重新绘制并重新调整 对用户体验的不良影响 如何才能避免这个问题？当我第一次听说viewport-hei
-
当用户试图关闭页面时（单击浏览器窗口上的X按钮或离开页面），我需要发送一条消息，如“确定吗？”并执行一些操作。 我正在使用离子3，这是我的配置 cli包：（/home/ubuntu/workspace/mHS/node_modules） 全球套餐： 本地套餐： 系统： 杂项： 我尝试了不同的方法，但没有成功： 1-离子生命周期钩 2-主机侦听器 } 3-超文本标记语言 我错过了什么？
-
问题内容： 在iPhone / iPad / iPod上的Webkit中，点击元素时不会触发为标签的：active伪类指定样式。我该如何触发？示例代码： 问题答案： … 仅应用了一次，而不是每个按钮元素都可以修复页面上的所有按钮。另外，您可以使用这个名为’Fastclick’的小型JS库。它可以加快触摸设备上的点击事件，也可以解决此问题。
-
问题内容： 我有一个非常奇怪的问题……在每个浏览器和移动版本中，我都遇到了以下问题： 加载页面时，所有浏览器都有一个顶部菜单（例如，显示地址栏），当您开始滚动页面时，该菜单会向上滑动。 有时 仅在视口的可见部分计算100vh ，因此当浏览器栏向上滑动时100vh会增加（以像素为单位） 由于尺寸已更改，所有布局都会重新绘制和重新调整 对用户体验的不良影响 如何避免这个问题？当我第一次听说viewpo