"被玩坏的屏幕"的原理是什么？

发现一个有意思的东西，就是一个“无视css的乱码”，后来搜索一下，贴吧里也有这个出现。开始感兴趣， [图1] ，于是自己打开页面，一开始猜测这个是一个类似浮层的东西，所以能无视div的约束。可是chrome看源码发现不是，它是真实存在的字符串，甚至在chrome里也能穿透行 [图2] ，将它复制出来，发现了一些奇怪的特性。
1. 这好像是某种压缩了的字符，一开始发现的时候用backspace删除，结果没动静，但是sublime 下面的column显示发现这东西有489个字符宽 [图3] ，所以等了一会，还是发现这乱码逐渐稀疏，删除掉了；
2. 它为什么能够跨越div的约束，看起来就像屏幕上的污迹？
3. 后来尝试在qq空间里发出来，测试一下，结果发现：Android手机上就几乎没有效果，只看到缩着的一团 [图4] ，即使我把浏览器UA改成iPhone，还是一样；
4. 但是在iPad上又出现跨越div的现象了，而且非常明显 [图5] ；
5. 同样的字符串，在 chrome 桌面版网页上有一定效果，但是效果一般，还是受div约束的，不过如果直接访问手机页面，又出来了，无视div [图6] [图7] ；
抱歉，对此知之甚少，搜索之后无果，所以来这里听听大家的看法。
现在我的问题是：如何实现这种“字符压缩”？为什么它能跨越div？以及为什么在各平台甚至访问方式不同的情况下，它的无视div的特性也不同 ？

图片：