各浏览器对 HTML 与 CSS 相容性如何？从一幅画就可显出差异
https://is.gd/Vbfz4
如果浏览小说多，可能是文 字组合多的黑白图画；如果是线上狂看动漫作品，那估计是
色彩缤纷的波普画；要是每天都在看艺术摄影照，那可能画出光影变幻的印象画。
可惜浏览器不是 AI，没办法根据自己的程式码、特性来画一幅画。
但这也没关系，数位艺术家 Diana Smith 设计一串纯 web 的程式码，每个浏览器在加载页
面时都会呈现为图画。
Diana Smith 一直以来都在尝试用 CSS 和 HTML 作画。所有元素都是手动输入，仅允许使
用 Atom 文本编辑器和 Chrome 的开发者工具，同时 SVG 元素使用也可能受限制。此项目
和原始码都可在 GitHub 查询。
这一次，Diana Smith“作画”和不同浏览器有关。除了 Chrome 浏览器能呈现图片本身预
想的画作外，其他浏览器都会“画”出不同的图像。这也展示了不同浏览器转换工作的差别
。
这不是说其他浏览器都不如 Chrome，只是作者一开始并没有考虑跨浏览器相容的问题。
但就是因为没有相容，这串代码反而画出不同的“有趣”图画。
由于这项目的艺术性，因此我不关心跨浏览器的相容性，所以即时预览可能在除 Chrome 外
的任何浏览器看起来都很可笑。
Safari 浏览器中，蕾丝的花边装饰盖在女士脸上，这片蕾丝本应该出现在女士的脖颈后方
当装饰品。
而 2014 版 Opera 浏览器，画变得更诡异，风格全然不同。脖子分成三部分，眉毛、头发
、眼睫毛的位置都偏移错位，以更像条码的方式展现。脖子、眼睛也偏移，是一张平面、诡
异的画作。
让人感觉十分复杂的是 Edge 浏览器。虽然名字 Edge 有“边缘”之意，但画中它自动“画
”掉所有边线，让项链消失，整幅图画更平滑。
这幅画作还是看起来最阴沉的一幅。
还有曾是网络开始时最流行的浏览器──Netscape Navigator（网景领航员），尽管市占率
一度达 90%，但可能很多人都没听过这名字。
即便如此，它依然是最有风格的浏览器创作者，图像自成一派。
脸变成方块，嘴巴、眼睛等五官变成不同大小的方块，深色毛发变成条码状线条，有点像乐
高，也有点像《当个创世神》风格。Vice 觉得这个颜色和微软 Edge 基本保持一致，或许
是因为这两家公司都曾统治 1990 年代。
Diana Smith 说：“当你在不同浏览器查看这张图片时，就像查看互联网的历史，以及当
时用户对浏览器的要求。”
事实上，虽然此数位艺术完全是艺术方面的探索，但也很容易让人联想到中国多年前的行销
活动──IE6 歼灭战。