Html 溢出自动不'；不能在移动设备上工作

我的

自动溢出
有问题。此属性在笔记本电脑/台式机上运行良好，但在移动设备上不起作用




在移动视图或任何移动设备上打开上述页面。您可以注意到，在笔记本电脑/桌面视图的
Overflow…Overflow…Overflow…Overflow…Over…
底部添加了一个滚动条。但是，它没有在移动视图中的
Overflow…Overflow…Overflow…Overflow…Over…
底部添加相同的滚动条，而是使整个页面可以滚动，包括页眉和页脚

.tui编辑器内容预处理{
利润率：2px08px；
填充：18px；
溢出：自动；
背景色：#f5f7f8；
}

此代码添加溢出滚动属性。您可以在开发人员控制台中编辑浏览器

感谢您的时间。您需要为class=“MuiContainer maxWidthSm”提供一个默认值

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

试试这个
宽度：100%
不起作用。但是设置
宽度：300px
正在工作。这种方法的问题是，我需要设置每个视口的宽度。如果用户将在移动设备上以400px或更小的宽度查看此页面，那么它将添加一个滚动条。相对宽度无效。请尝试rem，如果不设置固定宽度，页面将不会以您需要的样式显示
.tui-editor-contents pre {
    margin: 2px 0 8px;
    padding: 18px;
    overflow: auto;
    background-color: #f5f7f8;
    hieght:100%;
    width:100%;
}