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

2014-10-08 16:52:49 +08:00
 WhiteBase
发现一个有意思的东西,就是一个“无视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的特性也不同 ?

图片:
3705 次点击
所在节点    问与答
7 条回复
qiayue
2014-10-08 17:02:41 +08:00
WhiteBase
2014-10-08 17:03:29 +08:00
图片:
[02]
[03]
[04]
[05]
[06]
[07]
windviki
2014-10-08 17:05:18 +08:00
泰文字符可以添加声调符号等,叠合在一起了。显示效果和字体相关。
http://tieba.baidu.com/p/2250945426
WhiteBase
2014-10-08 17:06:46 +08:00
@qiayue 啊,原来是这么回事儿,那么不同平台的显示问题就应该是各自的实现细节了。多谢!
WhiteBase
2014-10-08 17:09:27 +08:00
@windviki 还有这么一出,长见识了。
dogarm
2014-10-08 18:27:00 +08:00
Exin
2014-10-08 19:58:48 +08:00
我刚也问了这个,被拉到水区去了,真想呵呵

提问精简就水了?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/137625

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX