IOS里textarea的max-height: fix-content不生效
在iOS设备上,某些CSS属性的表现可能会有所不同,特别是对于元素的尺寸控制。max-height: max-content;或max-height: fit-content;这些值并不适用于,因为它们主要用于布局容器以适应其内容。
解决方案
1.使用固定高度
为设置一个明确的最大高度。
2.使用JavaScript动态调整高度
监听的内容变化,并根据内容自动调整高度。
3.考虑使用自定义组件
如果需要更复杂的交互和样式控制,可以考虑封装一个自定义的文本编辑组件。
4.使用父元素最大高度替代
不设计的max-height或者设为max-height: none,然后给上层的父元素设置最大高度替代。
以上方法可以帮助解决在iOS设备上的高度控制问题。