CodeMirror響應式設計

Question

所以我使用CodeMirror創建一個iOS Web App，教你如何使用基本的JavaScript，我只是意識到CodeMirror不會自動調整大小以適應設備的屏幕，而且代碼不適合屏幕......所以我真的需要A.要么讓CodeMirror完美地適合屏幕。 或者B.使用完全自定義語法突出顯示完全響應的textarea。

Answer 1

您可能完全適合屏幕的意思是身體的默認填充。 要刪除它：

body, html {
    padding: 0;
    margin: 0;
}

接下來我會推薦這個視口：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">

如果要更改字體大小，可以這樣做：

.CodeMirror {
    font-size: 20px;
}

如果CodeMirror應該是全高：

.CodeMirror {
    height: 100vh;
}

演示： https ： //codepen.io/quic5/pen/maxjmB