随笔分类 - 移动Web开发
学习啊
摘要：flex布局又叫弹性布局，他的作用是帮助我们进行布局。 结合之前我们所学的问题，布局方式有浮动、定位。 比如电脑端的中心区域一般是固定版心，但是在移动端由于手机屏幕的原因都是全满状态。 PC屏幕大，版心固定宽度。 而移动端屏幕小，网页宽度多为100%（跟手机屏幕一样的宽度）。 在开发的过程中，我们可
阅读全文
摘要：紧跟着时代的补步伐，现在我们学习的是移动web中的动画（animation） 我觉得动画按照我们之前学习的那样，应该很简单，就是一个不断连续的画面，如果他不是和我们平时看的动画一样，那么他这个名字我觉得一点作用也没有。 动画的使用比较简单，我说的简单不是操作简单，而是他使用起来特别简单，只需要两步，
阅读全文
摘要：这次使用空间转换来完成立体图形，需要用到定位，旋转，位移。 首先需要六个高宽200px的平面，每个颜色不一样。可以清除的看到六个平面是一种平铺的状态 给父元素设置相对定位，子元素设置绝对定位，这样六个平面压在一起。 这里div1,2,3,4是上下左右四个面，div1,2绕X轴旋转90度，并在Z轴分别
阅读全文
摘要：前一个内容是平面转化，这次是空间转换，唯一不同的就是平面转换是以X和Y轴，空间转换就是加了一个Z轴，使得更立体。 老规矩！位移、旋转、缩放！ 位移（transform：translateZ（）） 由于在空间中物体在Z轴上进行位移时，我们肉眼在电脑中是看不出来的，因为屏幕是平面的。这里有个连写的方式（
阅读全文
摘要：在网页中，也有一些需要移动的东西，这时我们可以使用CSS中的平面转换的相关内容。 平面转换言简意赅就是在一个平面上对一个东西进行转换，既然是平面，那么我们猜一下在平面上能干嘛呢？ 第一：上下移动 上下移动就是比较简单，属性名+属性值 属性名：transform 属性值：translate（*），向右
阅读全文
摘要：大家好，我们来复习下移动Web开发的内容。 在移动移动Web开发中，我们可以借助别人的力量来帮助我们更高效的开发！ 这次字体图标我选择的是第三方库（阿里矢量图标库：https://www.iconfont.cn/collections/index?spm=a313x.7781069.19989104
阅读全文
