本文首次发表于本人的个人博客：http://cherryblog.site/ ，欢迎大家到我的博客查看更多文章~ 前言 在开发中前端免不了要进行移动端的开发，然而在电脑上看的样式和手机上还是有一定的差距的，因为手机上有顶部的状态栏和底部的菜单栏，特别是在qq内置浏览器中打开，差…

vconsole效果图

大家都知道position: fixed用于生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。 这就知道了具体问题了，就是这多顶出的大约1px的像素，静态看似乎没问题，但一旦加上一…

vh,vw单位你知道多少？

作者：滴滴公共前端 黄轶 在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了。 以滴滴为例，可以是这样竖向滚动的列表，如图所示： 竖向列表 也可以是横向滚动的导航栏，如图所示： 横向列表 可以打开“微信 —> 钱包—>滴滴出行”体验效果。 我们在实现这类滚动功能的时…

完成了主页的推荐音乐、热歌榜、搜索和播放页面。 这是一个项目笔记，用于记录制作这个项目的点点滴滴。 左一开始：主页（推荐音乐）、热歌榜、搜索、歌单和播放界面。 我选择了browser-sync，因为这个项目比较轻量（不需要引入很多的模块），所以就直接用一个browoser-sy…

相对于其正常位置进行定位,但是不影响其他元素的偏移。元素的位置通过 left, top, right 以及 bottom 属性进行规定。 相对定位的元素并未脱离文档流，而绝对定位的元素则脱离了文档流。在布置文档流中其它元素时，绝对定位元素不占据空间。绝对定位元素相对于最近的非 …