顶部虚化试验 (top-test-v1)
用 Safari 打开这页。每个链接点进去后,分享,添加到主屏幕,图标名各不相同。必须各自单独添加,再从各自的新图标打开看。状态栏样式和 viewport-fit 是在添加到主屏幕那一刻被 iOS 记住的,所以改了不会在旧图标上生效,要删掉旧图标重装才看得到。
- A / B / C 三种顶部写法 (页内按钮切换)
点页面底部的 A B C 切换。纯 CSS 差别, 不用重装图标。 - D1 状态栏样式 = default
只改 apple-mobile-web-app-status-bar-style 的值, 其余同 A。 - D2 状态栏样式 = black
只改 apple-mobile-web-app-status-bar-style 的值, 其余同 A。 - D3 状态栏样式 = black-translucent
只改 apple-mobile-web-app-status-bar-style 的值, 其余同 A。 - E1 viewport-fit=cover 开
和 gem 现在一样 (gem 自 v633 起有 cover)。与 E2 对比。 - E2 viewport-fit=cover 关
去掉 viewport-fit=cover, 其余同 E1。
在这个目录页本身看不出任何效果,别在这里判断。