![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
LeeNingFeng
分享日常学习笔记
展开
-
safari浏览器下body,document,window的click事件无效处理方法
在做移动端效果的时候,会碰到做弹窗的效果,弹窗之后点击空白处关闭弹窗,但是苹果手机上的QQ浏览器UC浏览器点击body、document、window都无效。最后找到了解决办法,就是给要点击的元素加个css样式cursor:pointer; 当然,document和window是不能给的。 所以只能给body加个此属性即可。暂时还未发现别的解决办法。(虽然这样解决了问题,但是又发现另一个问题,就是...转载 2018-03-02 08:46:27 · 961 阅读 · 0 评论 -
移动端抖动解决样式
在图片的父元素上添加overflow:hiddenwidth:100%height:0padding-bottom:(图片高 / 宽 )百分比background:#eee原创 2018-07-23 19:24:49 · 3079 阅读 · 1 评论 -
移动端用户屏幕缩小放大无效!
原创 2018-07-23 01:59:55 · 815 阅读 · 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 · 2106 阅读 · 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 · 367 阅读 · 0 评论 -
用JS做rem适配
公式 :fontSize = 屏幕宽度 * 100 / 设计图宽度 ,设置为100是方便计算;原创 2018-10-12 12:11:07 · 682 阅读 · 0 评论