最近踩过的坑-- ios移动端

input标签，文字过长时不能滑动显示（ios）

场景：input标签——设置disabled后，在Android端可以滑动展示，在ios端文字过长时不展示。

在网上查询资料后发现，ios端的input文字不能左右滑动，可以通过拖动光标进行移动，设置了disabled后，没有光标便不能滑动文字了。
解决方案： 简单粗暴的换了标签 不使用input

---

input标签，光标过长（ios）

原因：设置line-height会影响ios的光标长度，对Android无影响

解决方案：将line-height值设小一点。

.md-input-item-input {
    font-size:28px;
    font-family:PingFangSC;
    color:#111a34;
    line-height:100px;  //修改前
 }

.md-input-item-input {
    font-size:28px;
    font-family:PingFangSC;
    color:#111a34;
    line-height: 40px;  //修改后
 }

弹框层级问题

现象：点击录入，弹出选择框，在ios端页面底部保存按钮会覆盖在选择框上，Android端正常。

原因：（经试验，与z-index的设置无关） 每个录入项和弹框都封装在组件中，页面嵌套层级太深，父组件固定元素始终在最上层

解决方案：弹框显示时，隐藏按钮，父组件页面设置padding为0