摘要: 什么是Sticky Footer?页脚footer永远固定在页面的底部,页面内容不够长的时候页脚黏在视窗底部,内容足够长时会被向下移动。 当内容较少时,正常的文档流效果如下图 在正常的文档流中,页面内容较少时,页脚部分不是固定在视窗底部的,这时就要用到Stickyfooter布局。 Sticky f 阅读全文
posted @ 2021-01-31 15:15 全情海洋 阅读(411) 评论(0) 推荐(0) 编辑
摘要: filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。 样式, 给header设置绝对行为,给图片设置相对定位,图片的z-index设置为最低, filter属性设置图片饱和度 效果 不设置filter属性 阅读全文
posted @ 2021-01-31 14:32 全情海洋 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 1.准备2x,3X图片,在vue项目中的assets中新建stylus文件夹,新建mixin.stylus 适配图片 //关于2X,3x图的兼容 bg-image($url) //正常情形 background-image: url($url + "@2x.png") // 3X图时 @media 阅读全文
posted @ 2021-01-31 11:14 全情海洋 阅读(848) 评论(0) 推荐(0) 编辑
摘要: 1.已经运行了的webApp项目 在终端查看本机ip ipconfig , 查看本机ip地址, 打开草料二维码网站,https://cli.im/ 将localhost:8080/#/sellers 换成http://192.168.0.235:8080/#/sellers地址 将项目地址生成二维码 阅读全文
posted @ 2021-01-31 01:50 全情海洋 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 在retina屏中,像素比为2(iPhone6/7/8)或3(iPhone6Plus/7Plus/8Plus),1px的边框看起来比真的1px更宽。 本文默认你已经对视口、物理像素、逻辑像素、设备像素比、css像素等移动端基本概念已经解。 产生原因 设备像素比:dpr = window.device 阅读全文
posted @ 2021-01-31 01:42 全情海洋 阅读(544) 评论(0) 推荐(0) 编辑