使用CSS3 vw单位
在CSS3中增加了一系列相对于视窗区域百分比的单位:vw、vh。
其中vw是相对于视窗区域宽度百分比的单位,1vw = 1% viewport width。vh是相对于视窗区域高度百分比的单位,1vh = 1% viewport height。使用这个单位可以很方便的做出自适应正方形。
在线预览:
See the Pen OXqYNy by abcdGJJ (@abcdGJJ) on CodePen.
这种方案优点是简洁,不过缺点是兼容性不好
今天用git时不小心使用git rm 删除了一些文件,当时心里那个痛啊。不过好在有万能的群友帮忙,才得以恢复。
注:此方法适用于未commit的情况
git reset
git checkout filename
首先我们来看看w3c规范对BFC的解释,其实对于这种概念的学习上,我们总是建议首先寻找官方的定义,因为原则上来说官方的才是最权威和正确的,而且还比较详细,千万不要因为看到英文就畏惧不前。
浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflow值不为“visiable”的块级盒子,都会为他们的内容创建新的BFC(块级格式上下文)。
在BFC中,盒子从顶端开始垂直地一个接一个地排列,两个盒子之间的垂直的间隙是由他们的margin 值所决定的。在一个BFC中,两个相邻的块级盒子的垂直外边距会产生折叠。
在BFC中,每一个盒子的左外边缘(margin-left)会触碰到容器的左边缘(border-left)(对于从右到左的格式来说,则触碰到右边缘)。
npm config set registry http://registry.cnpmjs.org (淘宝的npm源)
npm info underscore (查看模块underscore的信息)(如果上面配置正确这个命令会有字符串响应)
npm –registry http://registry.cnpmjs.org info underscore
registry = http://registry.cnpmjs.org
推荐使用第三种方法,可以一劳永逸~