移动端
LeeNingFeng
分享日常学习笔记
展开
-
safari浏览器下body,document,window的click事件无效处理方法
在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的QQ浏览器UC浏览器点击body、document、window都无效。最后找到了解决办法,就是给要点击的元素加个css样式cursor:pointer; 当然,document和window是不能给的。 所以只能给body加个此属性即可。暂时还未发现别的解决办法。(虽然这样解决了问题,但是又发现另一个问题,就是...转载 2018-03-02 08:46:27 · 975 阅读 · 0 评论 -
移动端抖动解决样式
在图片的父元素上添加 overflow:hidden width:100% height:0 padding-bottom:(图片高 / 宽 )百分比 background:#eee原创 2018-07-23 19:24:49 · 3093 阅读 · 1 评论 -
移动端用户屏幕缩小放大无效!
原创 2018-07-23 01:59:55 · 828 阅读 · 0 评论 -
简易移动端导航栏二级制作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2018-08-23 18:53:47 · 2125 阅读 · 0 评论 -
rem + media 的css适配代码
公式 :fontSize = 屏幕宽度 * 100 / 设计图宽度 ,设置为100是方便计算; 转换成 rem 除以 100 即可得到, 这里的设计图宽度是640px ,当屏幕宽度等于640px时 font-size = 100px,1rem = 100px ,拿到上面的公式当屏幕等于320px时,计算出来的 fontsize 是50px,1rem = 50px; 推荐看下面这篇...原创 2018-09-06 12:14:57 · 377 阅读 · 0 评论 -
用JS做rem适配
公式 :fontSize = 屏幕宽度 * 100 / 设计图宽度 ,设置为100是方便计算;原创 2018-10-12 12:11:07 · 700 阅读 · 0 评论