overscroll-x隐藏滚动条
摘要:::-webkit-scrollbar{ display:none; }
阅读全文
图片预加载和懒加载的实现方法
摘要:图片预加载即提前加载图片,可保证图片快速、无缝地发布,用户需要查看时可直接从本地缓存中渲染,适用于图片占据很大比例的网站。 方法1,在CSS background中加载:会增加页面的整体加载时间 方法2,JS new image对象,设置src加载: 方法3,Ajax预加载,new Image()对
阅读全文
在vue中使用Element-UI
摘要:Element-UI是一套基于Vue2.0的UI组件库,http://element.eleme.io/#/zh-CN/component/carousel 首先npm install element-ui --save 然后在main.js中引入: 即可使用 将图片引入的一个效果: 若单页则引入j
阅读全文
CSS3 Flex布局和Grid布局
摘要:1 flex容器的六个属性 flex实现垂直居中: 2 Flex元素属性 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool http://www.ruanyifeng.com/blog/2015/0
阅读全文
移动端页面a input去除点击效果及pc端切换
摘要:1 手机端页面a button input去除点击效果以及闪屏问题 添加: 2 使用border创建小三角形 3 去除点击效果 4 移动端和pc端使用不同页面,判断设备是pc端还是移动端,并进行链接的切换跳转
阅读全文
Normalize.css用法
摘要:1 Normalize.css用法 重置样式非常多,Normalize.css和reset是两个常用的重置 CSS 文件 http://necolas.github.io/normalize.css/ 可以用来作为项目的基础CSS Normalize 相对reset更加平和,注重通用的方案,重置掉该
阅读全文
div中div水平垂直居中
摘要:方法-1 img { vertical-align: middle; } div:before { content: ""; display: inline-block; width: 0; height: 100%; vertical-align: middle; } img { vertical
阅读全文
移动端px转rem的两种方法
摘要:rem使用方法: rem ,root element,即相对于根元素的大小,浏览器默认字符大小为16px,此时1rem相当于16px. 方法1 设置font-size: 1em则=16px*62.5%=10px,1.2em则=12px 方法2 使用less或则scss的方式: 若设计稿的宽度为750
阅读全文