记一次解中学应用题

事情的起因是需要实现一个二维码并在右上角加上不超过4个字的角标,角标的高度的2个字高,起初交给小弟来做,结果位置怎么调都不正确,于是无奈之下,最终成为了一道初中数学题 需求大概如下图所示 右上角的角标可以使用一个伪元素实现,文字则可以使用父元素的 data-tag 属性中的文字,这部分没有什么难的。 那么为了实现这个效果,可以将伪元素的移动拆分成三个步骤,并取得伪元素的定位位置及移动尺寸就好了。 如图所示 既然明确了未知数与条件,我们就可以将这个问题解析成一个非常简单的中学数学题。 如下所示,我们需要保证A点在移动后仍然在矩形区域内,也就是极限为B点的情况,不过如果这时候角标的宽度仍然为 4em 的话,字的两侧就空白了;所以我们在保证上面一个条件满足的情况下, »