随笔分类 -  出来WEB端兼容问题

大屏适配：flexible.js的源码及配置
摘要：flexible.js 进行屏幕适配，flexible.js把屏幕分成24等份（也可以自定义别的份数），1920/24=80，所以此时适配时1rem=80px。在VSCode中使用“cssrem”插件，自动转换。在设置中把转换单位换成80。使用时直接引入js文件即可。 (function flexi 阅读全文
posted @ 2021-07-21 13:43 归尘2016 阅读(915) 评论(0) 推荐(0)
垂直居中的几个方法，最后一个方法使用于移动端
摘要：订单记录 示例一 示例二 我是多行文本。多行文本水平垂直居中的原理跟上一页图片的实现是一样的，区别... 阅读全文
posted @ 2018-09-11 16:58 归尘2016 阅读(239) 评论(0) 推荐(0)
压缩图片网址
摘要：https://tinypng.com/ 阅读全文
posted @ 2016-11-22 17:16 归尘2016 阅读(144) 评论(0) 推荐(0)
把彩色图片置灰色图片
摘要：像这样彩色图片变成灰色图片 HTML代码： CSS代码： 第二种方法用grayscale.js，实现 引入插件，添加一句JS话 阅读全文
posted @ 2016-03-31 14:47 归尘2016 阅读(266) 评论(0) 推荐(0)
JS自定义属性兼容
摘要：var obj={}; if(obj.dataset){ obj.dataset.original="11"; }else{ obj.getAttribute("data-original")="22"; } 阅读全文
posted @ 2016-03-23 14:15 归尘2016 阅读(280) 评论(0) 推荐(0)
css把超出的部分显示为省略号的方法兼容火狐
摘要：css把超出的部分显示为省略号的方法兼容火狐 suntear的技术空间 suntear的技术空间 suntear的技术空间 suntear的技术空间 suntear的技术空间 suntear的技术空间 suntear的技术空间 阅读全文
posted @ 2016-03-17 17:30 归尘2016 阅读(1094) 评论(0) 推荐(0)
处理FF margin-top下降问题
摘要：处理DIV子级ZImargin-top下降，父级更着下降问题 html结构如下 css如下 注意：当子级margin-top下降问题，父级更着下降问题，只要在父级DIV中加入overflow:hidden; 阅读全文
posted @ 2016-03-17 17:28 归尘2016 阅读(208) 评论(0) 推荐(0)