溢出自動在移動設備上不起作用

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

嘗試這個

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