wyy-010818

摘要： Web移动端第六天 一、vw和vh 1.vw全称viewport width,意思是可视窗口的宽度. vw和之前的rem一样也是相对单位,rem相对的是html的字体大小,而vw相对的是屏幕大小计算结果. 1vw就是1/100的视口宽度. 2.vh全称是viewport height,意思是可视窗口 阅读全文

摘要： Web移动端第五天 1.rem rem是相对单位,1rem等于1html的字体大小,浏览器默认字体大小是16px 2.媒体查询 媒体查询能够检测视口的宽度，然后编写差异化的 CSS 样式 媒体查询的是屏幕的大小,一般电脑默认屏幕分辩率不是百分之百,需要在显示设置里面更改至100%分辨率才能生效 3. 阅读全文

摘要： Web移动端第四天 1.使用flex-direction改变元素排列方向 主轴默认是水平方向,也就是y轴;侧轴默认是垂直方向,x轴. 修改主轴方向属性:flex-direction 2.背景精灵图 1.设计图选择2x,使用background-size缩放背景图片 2.测量坐标即可 3.弹性盒子换行 阅读全文

摘要： Web移动端第三天 1.PC端和Web移动端的区别 PC端 屏幕大，网页固定版心 PC端浏览器繁多，更多考虑兼容性问题。（布局： 浮动+定位+标准流） 移动端 手机屏幕小， 网页宽度多数为100%， 是适配手机屏幕宽度 移动端则基本不需要考虑兼容性问题，放心大胆使用CSS新特性 2.分辨率 物理分辨 阅读全文

摘要： 移动Web第二天 一、空间转换 1.transform:translate3d(x,y,z)空间位移 transform: translateX(值);x轴往左是负值,往右是正值 transform: translateY(值);y轴往上是负值,往下是正值 transform: translateZ 阅读全文