//h5有个小bug 1像素边框过粗,其实有个解决方案,就是利用伪元素:after,结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //完美解决h5下 1px 边框过粗的问题,是不是很简单呀。 //当然,有时候也会遇到按钮边框使用border-radius ...
最近工作任务主要是移动端内嵌H 页面,一次与原生进行像素交互下,发现了这个天坑,再次做个记录 天坑如下: H 页面中的 像素 与移动端设备的 像素 系统不一致,对于刚接触这块的我,曾经几时在还没有遇到过这样的情况下,去看相关的文章一点体会也没有,这次碰上了,然后又重新看了一遍,对这块的理解也能比较有感受了 先上总结:如果有不到位的,请告知修正: P 理清几个概念 注意文中的英文表达,可以帮助我们 ...
2019-05-16 10:27 1 913 推荐指数:
//h5有个小bug 1像素边框过粗,其实有个解决方案,就是利用伪元素:after,结合css3中的scale在y轴方向缩放0.5就行了 //父元素 //完美解决h5下 1px 边框过粗的问题,是不是很简单呀。 //当然,有时候也会遇到按钮边框使用border-radius ...
最近刚做完一个移动端的项目,产品之无敌,过程之艰辛,我就不多说了,记录下在这个项目中遇到的问题,以防万一,虽然这些可能都是已经被N多前辈解决掉了的问题,也放在这里,算是为自己漫漫前端路铺了一颗小石子儿吧,也在文末留下自己未能解决的疑问,希望看到的朋友能解惑。 都知道做移动端的开发 ...
移动端H5页面惯性滑动监听 在移动端,当你快速滑动有滚动条的页面时,在你手指离开屏幕时,滚动并不会立即停止,而是会随着“惯性”继续滑动一段距离。 在做项目的过程中,需要监听惯性滑动整个过程。在网上并没有找到相应的监听事件,于是就自己写了一个监听方法。 惯性滚动开始时调用的方法 ...
前言:前端页面的布局(各元素的间距),一般会有PSD文件,有精确的px单位,而px与rem要如何转换才能高度还原设计图呢 一般情况下,设计稿的宽高为: 750*1334px,而大部分流行手机的屏幕尺寸为: 375*667px,正好是一倍的关系。 手机浏览器的根 ...
0x01 需要的工具 手机/模拟器(root权限) google chrome浏览器 xposed xposed插件:WebViewDebugHook( https: ...
...
最简单的适配方案 7.5 为 设计图的宽度除以100; H5端自适应框架 使用方便,设计图的1px对应0.01rem,设计图的字体大小24px对应0.24rem,就是如此简单! 详情参考 H5自适应方案 使用方法: <script ...
1.建一个遮罩层div <div id="cover"></div> 2.设置遮罩层样式 #cover { position: absolute ...