Javascript 码镜响应设计

因此，我正在使用CodeMirror创建一个iOS Web应用程序，教你如何使用基本JavaScript，我只是意识到CodeMirror不会自动调整大小以适应设备的屏幕，代码也不适合屏幕。。。所以我真的需要A.要么让CodeMirror完美地适合屏幕。或者B.有一个完全定制的语法突出显示文本区域，该区域具有完全的响应性。

您所说的完全适合屏幕的意思可能是主体的默认填充。要删除它，请执行以下操作：

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应为全高：

.CodeMirror {
    height: 100vh;
}

演示：

.CodeMirror {
    height: 100vh;
}