使用 navigator.userAgent.toLowerCase() 西安获取一下内核信息,查询内核版本是否处于至少处于chrome49以下
参考: https://segmentfault.com/q/1010000020919894
原因分析: 由于在低版本的谷歌内核的浏览器中若父元素是使用flex1自动占满的剩余空间则此时父元素的高度就是缺省即默认的压根就没设置高度,故而导致子元素设置百分比高度的时候因找不到父元素的高度从而导致设置的高度不生效的问题
解决方法:
- 升级浏览器内核
- 给父元素一个固定的高度
- 子元素不使用百分比高度而是使用固定高度