css相关
Aimee芊
沉迷于代码ing...
展开
-
移动端自适应——vw
之前写H5移动端都是使用window.innerWidth 获取视口的宽度,计算rem来写样式; 如: 计算rem /******rem *******/(function(win){ var remCalc = {}; var docEl = win.document.documentElement, tid, hasRem = true...原创 2018-07-14 18:21:40 · 1459 阅读 · 0 评论 -
css absolute 和 float display block 的层级问题
绝对定位 和 float 的层级在写代码的无意中,对有相同的父元素的不同的两个元素同时使用了position absolute 和float 定位,造成了层级混乱。原创 2017-11-20 11:39:39 · 1515 阅读 · 1 评论 -
滚动条设置 兼容chrome和ie
滚动条设置如图红框里的滚动条,设置长度和宽度,以及背景颜色和滚动条颜色chrome css 样式设置/* 滚动条样式 .wrap为滚动盒子的class*//* chrome */ .wrap::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.wrap::-...原创 2018-10-11 17:39:50 · 1643 阅读 · 0 评论 -
canvas 画圆角矩形头像合成图片
生成canvas获取屏幕比率有的手机屏幕实际分辨率的像素比页面过去的尺寸像素要大,一遍是一倍或者两倍var getPixelRatio = function(context) { var backingStore = context.backingStorePixelRatio || context.webkitBackingStorePixelRatio || ...原创 2019-02-20 15:31:53 · 2195 阅读 · 0 评论