潇影D

2017年9月7日

前端padding margin

摘要： padding和margin 使用百分比的时候是根据父元素计算的。 padding: 50%; 可以生成一个和父盒子一样宽的正方形，且随动。阅读全文

posted @ 2017-09-07 11:53 潇影D 阅读(210) 评论(0) 推荐(0)

2017年8月17日

Tap透传的解决方案

摘要：阅读全文

posted @ 2017-08-17 14:21 潇影D 阅读(230) 评论(0) 推荐(0)

解决1像素边框问题

摘要： .border{ border-bottom: ; padding: 8px 0 8px 15px; color: #7c7c7c; cursor: pointer; position: relative; } .border:before{ position: absolute; top: -1px; left: 0; c... 阅读全文

posted @ 2017-08-17 13:55 潇影D 阅读(322) 评论(0) 推荐(0)

水平垂直居中

摘要： /* 弹性布局 */ .parent{ display: -webkit-flex; justify-content: center; align-items: center; } /* 定位 + margin */ .parent{ position: relative; } .child{ position: absolute; left... 阅读全文

posted @ 2017-08-17 11:19 潇影D 阅读(173) 评论(0) 推荐(0)

2017年8月7日

移动端css公共样式

摘要： @charset "utf-8"; /* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling : touch; } /* 禁止缩放表... 阅读全文

posted @ 2017-08-07 10:00 潇影D 阅读(9006) 评论(1) 推荐(1)

2017年8月3日

tap方法改良this指向

摘要： /*封装tap*/ function tap(dom,callback){ /* * 要求没有触发 touchmove 事件 * 并且响应速度要比click快 */ if(dom && typeof dom == 'object'){ var isMove = ... 阅读全文

posted @ 2017-08-03 17:43 潇影D 阅读(281) 评论(0) 推荐(0)

2017年7月5日

移动端常见问题

摘要：移动端点击a链接出现蓝色背景问题解决阅读全文

posted @ 2017-07-05 13:44 潇影D 阅读(137) 评论(0) 推荐(0)

2017年6月20日

前端笔记（兼容）

摘要： ie8及以下图片有黑色边框解决办法：设置 img{border-style: none;}ie7及以下不支持 rem布局解决办法：用px方式设置ie8及以下不支持localStorage解决办法：UserData 链接http://blog.csdn.net/liaozhongping/a 阅读全文

posted @ 2017-06-20 14:19 潇影D 阅读(191) 评论(2) 推荐(1)

公告