杜郎俊赏 - dujun.io

鸿蒙系统样式问题

我没有安卓手机,这个网站只在苹果上开发、测试。所以我有个习惯在逛商场时找手机店,在最新款的安卓手机上看一下网站的显示效果,找出兼容性问题。今晚路过华为时看到最前排的折叠屏手机来了兴趣,体验一番后,照例打开原生浏览器访问我的网站,结果发现首页的宝宝日记照片堆叠样式解析出错了。

浅色模式

深色模式

在浅色模式下,边框颜色都错了;在深色模式下,最上层的边框颜色错了。我又查看了所有搭载鸿蒙系统的华为手机,样式都解析错了。奈何店里没有搭载其他安卓系统的华为手机,我转头进了旁边的小米,检查了多款机型都是正常的。

自此我认为是鸿蒙系统的原生浏览器解析有问题。与这个边框相关的样式是 box-shadow,是标准CSS3样式,鸿蒙系统这个表现我觉得不应该。

另外说一下,折叠屏不耐用,中间折痕明显,上图底部那一道就是破损的裂纹。

日期:2024-04-13