1.click事件； 要在css中加上cursor: pointer;ios的点击才有效 2.margin-bottom问题； 在ios上，最后一个元素加margin-bottom无效。 3.时间转化问题 由时间转时间戳时 在ios上 new Date ...

H5页面，ios点击input框，输入内容时，页面会自动放大，且失焦后需手动放小。 这是因为在移动端自适应宽度的代码中，没有把input的自动缩放关闭！一般常见于苹果手机的ios系统，而安卓系统似乎是默认关闭。 input框自动放大，虽然说有便于用户的输入和阅读，但也同时给用户带来了视觉的麻烦 ...

只需在头部加上一句 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, m ...

一. 运行环境： iphone所有机型的qq浏览器，safari浏览器，微信内置浏览器（qq浏览器内核）等。 二. 异常现象： 1. 大幅度上下滑动h5页面，然后停止滑动，有时候会影响到页面滚动，如局部滚动条； 2. 大幅度上下滑动h5页面，页面中的悬浮层，如头部，底部菜单之类需要固定 ...

今天h5项目中发现页面高度设置为100vh后在ios浏览器上出现滚动条，在安卓上就正常 查资料发现100vh 在safari和chrome浏览器中，100vh是指去掉地址栏的高度，所以会出现滚动条。 解决办法：设置成position: absolute; width: 100%;height ...

ios端兼容input光标高度 问题详情描述： input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析： 通常 ...

目录 问题描述 问题分析 解决方案 问题描述 最近有一个项目需要给ios和安卓app开发h5页面，在安卓上测试没有问题，但是ios（iphone8）上点击输入框会导致页面缩放失败，但在iphone 8plus/x上不会产生这种问题。并且设置 <meta name ...

整个页面布局如下: 期望达到的结果：给外层设置fixed，使页面在浏览器中固定，不会产生上下拖动的效果。 最后形成的结果是：输入框获取焦点输入内容后，光标错位，导致不能选中输入框重新获取焦点（获取输入框焦点的位置发生偏移）; 解决方案：改变页面的布局结构 整个页面的最外层div使用 ...