
移动端设计
xinfeiyanwu1
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
基于vue上使用hammer.js的个人使用总结
1.安装hammerjs npm install --save hammerjs 2.hammerjs的基本使用 1.在相应的vue文件里导入hammerjs import Hammer from 'hammerjs' 2.创建Hammer对象并绑定响应事件 var square = document.querySelector('.square'); // Create an instance of Hammer with the reference. var hamme...原创 2020-05-24 11:13:41 · 7472 阅读 · 0 评论 -
常见的移动端icon和文字垂直居中的实现。
思路:icon和文字设置成inline-block,搭配flex的align-items: center;即可轻松实现图标和文字的垂直居中。 html: style: #box{ border: 1px solid #ccc; display: flex; align-items: center; } #icon{ display: inline-block; ...原创 2020-03-22 12:31:43 · 739 阅读 · 0 评论 -
如何写移动端自适应?
1、使用rem单位去替换px单位,布局模板以宽为320px移动端来布局; 2、因为rem单位是以html根元素的font-size为标准换算的,所以,随着屏幕的尺寸越大,而font-size始终为320px时所定的像素(这里采用html的font-size为20px方便计算),且移动端尺寸变大html的font-size不会跟着变大,所以,我们所计算出来的元素尺寸是不会跟着变化的,这时,我们需要...原创 2019-03-19 14:35:32 · 221 阅读 · 0 评论