H5
schurmi
哈哈哈,嘻嘻嘻
展开
-
有些型号的华为手机使用rem时,内容会超出屏幕宽度的问题
解决某些型号手机在使用rem单位时,内容超出屏幕宽度问题在H5手机页面上,用rem单位布局,配合js计算出一个根节点的font-size(原理是屏幕宽度乘以一个固定比例,如1/100),之后页面中所有的px全都换算成了rem单位来写,优点是能适配各种不同屏幕尺寸的手机。但是 有些手机上rem单位计算不准! 计算后的值比正确值大。导致页面变形解决办法(function(win) { ...原创 2020-04-20 16:37:39 · 1133 阅读 · 0 评论 -
IOS微信浏览器内H5页面点击事件失效
在微信浏览器内的H5页面,当触发点击事件时有时会失效,点击没有效果,或者点击事件错位,其实这是因为在小屏幕上,在点击输入框弹出键盘 键盘回缩 后定位没有相应改变也就是说,其实是input聚焦后页面被顶起,然后失焦后页面回位,但是这里只是视觉上回位了,window其实已经被顶上去一定的距离。你再次点击页面时就已经错位了,视觉上的点击事件触发按钮其实不是真正的按钮位置,所以点击时不会生效,而是在...原创 2019-08-08 19:17:29 · 6242 阅读 · 0 评论 -
IOS点击事件延迟300ms踩坑
追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的,当属双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因。双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会...原创 2019-09-04 19:40:15 · 1411 阅读 · 0 评论