摘要：
<script type="text/javascript"> (function(){ var docEl = document.documentElement; function setRemUnit(){ //获取到rem的基准值 var rem = docEl.clientWidth / 1 阅读全文
posted @ 2019-11-05 21:32
是桂
阅读(1915)
评论(0)
推荐(0)
摘要：
html部分： CSS： JS： 阅读全文
posted @ 2019-10-19 20:42
是桂
阅读(1492)
评论(0)
推荐(0)
摘要：
水平居中： 1、针对文字：text-align 2、针对已知宽高块级容器：margin-left、margin-right 3、不知道宽高：position+translate 4、终极解决方案（文字和容器均可）：flex布局 垂直居中： 1、固定高度的单行文本：line-height 2、不知道宽高：position+margin-top（知道高度的px）/translate 3、fl... 阅读全文
posted @ 2019-10-09 22:50
是桂
阅读(561)
评论(0)
推荐(0)
摘要：
.text-ellipsis /* { 单行文字溢出省略 */ overflow: hidden; /* 溢出隐藏 */ text-overflow: ellipsis; /* 文字溢出省略 */ white-space: nowrap; /* 文字不换行 */ } .multiline-ellip 阅读全文
posted @ 2019-10-09 22:49
是桂
阅读(267)
评论(0)
推荐(0)
摘要：
方法1、部分浏览器的<meta>标签加上width=device-width就能解决。 方法2、引入fastclick.js库 阅读全文
posted @ 2019-10-09 17:41
是桂
阅读(325)
评论(0)
推荐(0)
摘要：
window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行 注意：若你想在浏览器下次重绘之前继续更新下一帧动画，那么回调函数自身必须 阅读全文
posted @ 2019-09-30 16:30
是桂
阅读(749)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <title>2-5单指拖拽</title> <styl 阅读全文
posted @ 2019-09-24 14:42
是桂
阅读(673)
评论(0)
推荐(0)
摘要：
html字体大小随屏幕大小的改变而改变，封装函数如下： 通用适配中解决了边框1px的问题。 阅读全文
posted @ 2019-09-21 22:36
是桂
阅读(596)
评论(0)
推荐(0)
摘要：
html字体大小随屏幕大小的改变而改变，封装函数如下： 阅读全文
posted @ 2019-09-21 20:18
是桂
阅读(247)
评论(0)
推荐(0)
摘要：
小屏时： 中屏及以上时： 阅读全文
posted @ 2019-09-18 21:39
是桂
阅读(343)
评论(0)
推荐(0)
浙公网安备 33010602011771号