
移动端开发
脚下的黑珍珠号
With his sword to rule the world
展开
-
移动端滑动弹出层页面到底部时,同级兄弟元素也跟着滑动。
加阻止默认事件,阻止冒泡无济于事。 解决办法://设定html,body{ height:100%; width:100%; overflow:hidden;}//具体原因待有时间研究 mark原创 2017-06-15 21:43:17 · 1331 阅读 · 1 评论 -
移动端适配问题,解决方案
设定meta<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">设定rem // 动态设置html的rem(最好放body上面,不然样式加载出来没进行单位换算,整体样式会紧凑在一起。) document.documentElement.style.fontSize = docume原创 2017-12-01 09:39:30 · 377 阅读 · 0 评论 -
getBoundingClientRect的用法
https://www.cnblogs.com/Songyc/p/4458570.html原创 2017-12-02 13:09:41 · 231 阅读 · 0 评论 -
移动端视口知识
待整理原创 2017-12-02 13:15:35 · 412 阅读 · 0 评论 -
苹果安卓的高度不兼容
测试机为乐视le x528,iphone6p,博客的名命的不准确 具体原因是因为没有设置行高这导致了一段标题在苹果和安卓显示出不同的结果。 一段问题不设置行高在苹果和安卓中显示出的结果是文字行与行之间的间距不同安卓间距略小,苹果略大下面图片是没有设置行高,代码如下 // 乐视下的效果,苹果的图我就不传了,苹果在不设置行高的情况下行与行之间的间距要比这个图片的间距要大 width: 3原创 2017-12-04 09:51:24 · 1634 阅读 · 0 评论 -
移动端常用方法,总结。
手机号第4位到第7位替换成** $("button").click(function(){ var str = $("p").text(); var reg = /1(\d{2})\d{4}(\d{4})/g; str = str.replace(reg,"1$1****$2"); $("p").text(str); });原创 2017-11-27 18:40:11 · 244 阅读 · 0 评论