pad中width和height颠倒问题

509 阅读1分钟

场景

在适配pad项目的时候,当我给某个dom元素设置它的min-width时候,大部分浏览器和平板都能正常识别宽和高(平板可以横屏和竖屏),此时手中有一款鸿蒙系统的自带浏览器(HuaweiBrower/11.1.4.301 Safari/537.36)的pad,它会把代码中的min-width识别为min-height,并设置对应的最小高度。

理解

由于鸿蒙系统了解不足,在初始时,以为是鸿蒙(Harmony)系统的造成的兼容问题,后续尝试在该平板中使用其他浏览器皆正常,因此排除非鸿蒙(Harmony)系统问题。
后续排查中发现,该情况在该浏览器中的其他版本仍旧正常。
因此对此特殊处理,通过navigator.userAgent获取设备信息,识别对应的设备,并修改对应的宽高,既可解决问题。

备注:更多设备情况,有待尝试!!!