Surface Go键盘开箱

键盘到手,微软天猫官方店购入,酒红色。

外观与手感

酒红色很好看,键盘按键间距比pro的小,但触摸板比pro的大。但是得益于交叉式机械结构,键盘手感意外的好。键程比较短,但仍然回弹清脆有力,触底清晰。相对于一般笔记本软绵绵的薄膜键盘来说,体验真的一个天一个地。

CSS定位方式与相对宽度

前段时间有个后端小伙伴被拉去写前端,出现了一个让他困惑不已的问题:明明给子元素设置了width:80%;可为什么还是子元素超出了父元素的宽度?

这里涉及到width属性的值的类型:width属性可以设置两种值,一种是绝对长度值,另外一种是相对长度值,相对长度值又根据参照物不同分为view height/view widthpercentage

所谓相对长度,那肯定会有参照物,其中vh/vw方式是参照窗口高宽确定的(浏览器参照),percentage方式是参照DOM元素确定的(页面内部参照)。但是问题就出现在这里,percentage参照的是哪个元素呢?是body、父级、还是兄弟元素?它又有哪些规则?

为了说明,我写了个简单的演示。