由于wordpress升级,评论功能的ajax出了问题,点击回复不会滚动到锚点位置,而会转到新的页面。

例如回复https://urusai.me/links/页面上的编号为171的评论,会转到新页面https://urusai.me/links/?replytocom=171#respond而不是锚点。

这个问题不影响回复功能,只影响用户体验(真的有用户吗),所以没有修bug的动力(就是懒

最近一次更新之后问题真的多,post hentry在小于568px时宽度异常,background img animation执行异常,好多地方我都是随便整了一下,处于能用但不完美的状态(比如为修复568px以下评论列表宽度超出body的问题,因为我的body设置了overflow:hidden,所以只能控制评论列表的padding来处理,于是我给了一个padding-right:1vw,能用就行了,要啥美观),懒得维护,反正没人看。

CSS定位方式与相对宽度

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

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

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

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