解决移动端contentEditable元素宽度变化的问题

为了解决这个问题，可以通过CSS设置固定宽度或最大宽度来限制元素的尺寸变化，例如：

.editable {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

此外，还可以监听窗口的resize事件，动态调整元素的样式，确保其在键盘弹出或收起时不改变宽度。通过Javascript实现这一逻辑可以更加灵活地控制元素的行为，避免布局混乱的情况发生。