- 博客(7)
- 收藏
- 关注
RSS订阅转载 Vue:将px转化为rem，适配移动端
1.下载lib-flexible我使用的是vue-cli+webpack，所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签，设置设备宽度以及缩放比例<meta name="viewport" c...
2018-03-19 11:42:19
3878
转载 CSS 布局经典问题初步整理
本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。CSS 基础知识下面几个入门教程不错：幕课网 – HTML+CSS基础课程：偏基础，可以在线练习和预览MDN – CSS入门教程: MDN 的官方文档学习 CSS 布局：排版和配色特别舒服，简短但不深入，适合概览入门CS...
2018-02-26 11:41:08
235
原创 关于onclick和addEventListener('click')的整理
click代码$(function(){ $("#btn").click(function(){ console.log(2) }) $("#btn").click(function(){ console.log(1) }) $("#btn").click(function(){ console.log(3)...
2018-02-26 09:49:12
1591
原创 移动端适配的集中方法
//pc和移动端同时使用(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var c...
2018-02-08 15:51:44
294
原创 获取时间
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale
2018-02-08 15:50:18
246
原创 深入研究-webkit-overflow-scrolling:touch及ios滚动
1. -webkit-overflow-scrolling:touch是什么？MDN上是这样定义的：-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的...
2018-02-08 15:44:38
650
转载 Js鼠标放上去图片变大变小
<img src="" onmouseover="bigger()" onmouseout="smaller()" id="img"><script type="text/javascript"> var img = document.getElementById('img'); //alert(img); function bigger(){ img
2018-02-08 15:37:49
1121
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人