当然了，如果不加以处理，在 DPR 为 1 的屏幕上这条线反而会很细。我们可以在这个代码的基础上加上媒体查询来完善它👇 当然，这个 BUG 只要你轻轻滑动页面就发现问题被轻松解决了。其实解决的原理就是触发页面回流，让被顶起来的页面节点回到原位。 如果你用 Vue，也可以把点击…

平时我们写页面的时候写的 css 单位一般都会是px 为单位也就是像素单位，也就是一个相对长度的单位，而像素也就是相对于显示器屏幕的分辨率而定的。那么除了一个px单位以外还有em以及 rem,在我们国内来说用得最多当然是px单位，而在国外的网站字体用的大都em 和 rem 的单…

其实，我们可能经常在聊组件化，咋地咋地。但是，回过头来思考一下，如果你看到一张设计稿的时候，连布局都不清不楚，谈何组件化呢。所以，我们需要在分清楚组件之前，先来分清楚布局。废话说了这么多，只是想告诉你，布局这个东西真的很重要。本篇内容概括了布局的基础+基本的PC端布局+移动端适…

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

第一节掌握Web基础知识。 第二节掌握HTML基础知识。 第三节掌握CSS基础知识。 Internet，中文为因特网，国际互联网。 它是由所有使用公用语言互相通信的计算机连接而组成的全球网络。 WWW是World Wide Web的缩写，中文名万维网。 WWW是Internet…

CSS，层叠样式表(英语：Cascading Style Sheets)，是一种用来为结构化文档 (如：HTML文档) 添加样式 (字体、颜色、间距等) 的计算机语言，由 W3C 定义和维护。当前最新的版本是 CSS2.1，为W3C的推荐标准。CSS3(2011年) 已经被现代…