![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端设计
xinfeiyanwu1
这个作者很懒,什么都没留下…
展开
-
基于vue上使用hammer.js的个人使用总结
1.安装hammerjsnpm install --save hammerjs2.hammerjs的基本使用 1.在相应的vue文件里导入hammerjsimport 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 · 6855 阅读 · 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 · 648 阅读 · 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 · 174 阅读 · 0 评论