1、Chrome 一直使用缓存，怎么刷新都不行，得手动清除历史记录，这对做网页来说太不方便了；
2、Mac Chrome 的色彩过于艳丽，和 Photoshop 做好后的观感不一致，不真实；
3、对于美感的保护，比如超链接下划线的显示、选中状态、色彩管理等，Safari 做得更好；
4、开发者工具，Safari 做得更好用。

@Hant 点开第二个 URL，里面有详细的步骤。Live Photos 是由一张 .jpg 静态图片和一段 .mov 视频文件组成的。配置上，在第二个 URL 页面的 Declarative HTML 下面的 Listing 3 Sample Code 有配置结构：在头部声明 script 引用，然后在 body 输入照片以及视频路径。Live Photos 的提取上，可以使用 iPhone 拍摄后，在 Mac 上用照片 app 导出源文件，即可获得上述 .jpg 图片和 .mov 视频。

4. 补充说明。在微信内浏览器打开（朋友／朋友圈）后，点击任意链接（而不是直接转发），从第一次点击起，转发就不带微信尾部参数了。即便最后通过点击链接加载到最初的那个页面，也不会有参数。

@KiChao 没有。我怀疑 Apple 可能在微信的白名单里。Apple 在朋友圈做广告的时候，点开头像的资料页也是没有公众号的，仅仅是个介绍页面而已，不开通公众号就可以做广告，可能是直接付费搞定的。

@JJaicmkmy 当时也发现了，觉得很失望。不知道是出于什么考虑。不过现在可以同时看到世界昼夜情况。

@geelaw 最后权衡了一下，还是决定让宽度小于等于 1024px 的浏览器使用纯色。页面滑动的顺畅度还是首要考虑的。不管怎样，还是谢谢啦…(｡ì _ í｡)

@dremy 明白了，谢谢。但在官网那段，没有搜索到那一条的任何 animation 代码，倒是其他条的有。

@wdhwg001 网页端是纯文本的，我已经换行了，但发出后被调整为连续的。

@geelaw 经过测试，在 JSFiddle 和自己的网页上，为区块设置固定高度和滚动条 {max-height: 300px; overflow: scroll; } 可以让 iOS Safari 将背景固定住，达到效果。但从浏览体验出发，不可以这么设定。然而，在页面自然滚动状态下，就无法达成效果了。为了弄清楚背景图究竟是如何定位的，将颜色替换为图片，发现是以整个页面长度（而非屏幕高度，亦非第一个和最后一个气泡的高度差）为填充高度。

@geelaw 1. 你是如何在手机上滚动这块页面的？我增加了对话、改变了颜色后，整个网页被撑高了，滑动是滑动整个网页，而非仅限于这个区块内。2. 我在自己网页上实现后，的确无法实现。3. 能搜出大量关于 iOS Safari 不支持此特性的讨论。你截图中的是 iOS Safari 实现的还是那个网站给的运行环境实现的呢？

@geelaw 「 iOS 10 的 Safari 命名」是什么意思？

@geelaw 怎么让 iOS 和 macOS 的 Safari 区别用色呢？没成功诶，iOS 上总是以预先分布好的渐变示人……

@geelaw Hmm …没有什么曲线救国的办法的话，嗯……似乎也只能这样了。不知道 Android 是否支持。

@geelaw iOS Safari 不支持 background-attachment: fixed; 特性……

@Tonni 基于那份代码，渐变效果已在 Mac Safari 上成功实现。但 iOS Safari 不支持 background-attachment: fixed; 特性，导致渐变色被固定在每个元素，不能根据位置而变化，这个还有解决的希望嘛……

@geelaw 嗯，明白～竟然还为气泡间的时间间距测量了精确的像素(｡ì _ í｡)

@Tonni 感谢，已搞定。蓝色小尾巴 border 定义颜色为 transparent 即可让 background-image 渐变可见。

@geelaw 谢谢 Gee Law 热情创作 ^ ^ 搞定了～ 蓝色小尾巴 border 定义颜色为 transparent 即可让 background-image 可见～开心！