前言:这里移动端主要指 hybrid app 中的H5页面。app 中对页面 样式和功能 的需求会更精细一点。 1、适配: 手机端的尺寸多样,3.5英寸的 iPhone4应该是最小的,只要考虑 兼容到iPhone4 就可以了。(iPhone4的用户量现在也很少,有时只要 兼容到iPhone5 ...
meta基础知识 H 页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari 体验demo,解决在主屏幕打开页面后,点击页面链接不会跳转到系统自带的Safari http: peunzhang.github.io demo standalone test . ...
2017-05-18 23:47 0 3871 推荐指数:
前言:这里移动端主要指 hybrid app 中的H5页面。app 中对页面 样式和功能 的需求会更精细一点。 1、适配: 手机端的尺寸多样,3.5英寸的 iPhone4应该是最小的,只要考虑 兼容到iPhone4 就可以了。(iPhone4的用户量现在也很少,有时只要 兼容到iPhone5 ...
解决办法参考了:https://www.cnblogs.com/shuiyi/p/5138006.html#4344573 问题:部分安卓手机不支持touchend 方法一:move里加: e.preventDefault() 方法 ...
web端: css: 1,不同浏览器的标签默认的margin和padding不同 问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 碰到频率:100% 解决方案: 可以使用Normalize来抹平默认 ...
移动端开发ios和安卓兼容问题 最近做移动端混合开的时候遇到一些安卓和iOS的兼容性问题,兼容想问题不仅在浏览器存在也在APP开发当中也会经常遇到这样的情况。 最近看了一下内容很不错的移动端开发相关的资料,自己总结出来了一些安卓和iOS兼容的知识点: 一、搜索确定问题 添加form元素 ...
1、click300ms延迟? fastclick可以解决在手机上点击事件的300ms延迟 zepto的touch模块,tap事件也是为了解决在click的延迟问题 触摸事件的响应顺序为 touchstart --> touchmove --> touchend ...
常见问题与解决办法:https://www.cnblogs.com/wu-web/p/7866963.html ...
移动端: ① 安卓浏览器看背景图片,有些设备会模糊,原因是手机的分辨率太小 解决方案: 用2X图片来代替img标签,然后background-size: contain ② 防止手机中页面放大或缩小: 在meta中设置viewport user-scalable = no ③ 上下拉滚动条 ...
一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidde ...