自动溢出功能在移动设备上不起作用

Question

我对overflow-auto有疑问。该属性在笔记本电脑/台式机上工作得很好，但在移动设备上不起作用。

https://bdevg.com/articles/Testing%20overflow%20in%20mobile%F0%9F%8F%83%E2%80%8D%E2%99%80%EF%B8%8F%205f9a2c91f4c1090008e5237f
在移动视图或任何移动设备上打开以上页面。您会注意到，这在笔记本电脑/台式机视图的Overflow...Overflow...Overflow...Overflow...Over....底部添加了一个滚动条。但是，它不会在移动视图的Overflow...Overflow...Overflow...Overflow...Over....底部添加相同的滚动条，而是使整个页面都可滚动，包括页眉和页脚。

.tui-editor-contents pre {
    margin: 2px 0 8px;
    padding: 18px;
    overflow: auto;
    background-color: #f5f7f8;
}

此代码添加了溢出滚动属性。您可以编辑浏览器内的开发控制台。

感谢您的时间。

Answer 1

您需要为您的class =“ MuiContainer-maxWidthSm”提供默认值

.MuiContainer-root {
max-width: 600px;
}

Answer 2

尝试

wavelength