用vue开发的页面使用overflow为auto后显示不全的问题

  最近在用vue开发移动端的项目,在进行兼容性测试的时候发现,有个页面有一块区域是需要滚动的我使用了overflow=auto的样式,在安卓上看的时候是正常的,但是在ios里面看只能够显示一部分,死活找不到原因。网上千篇一律的说法就是子元素要超过父级元素然后设置overflow为auto就可以了,但是我在css中的样式设置的就是这样,通过谷歌浏览器手机模拟调试工具里面显示也是正常的,但是在ios里面死活显示不全。

  这里借鉴了下别人写的文章看了下:用vue开发的页面使用overflow为auto后显示不全的问题

虽然css文件的加载是与DOM的加载并行的,也就是说,css在加载时Dom还在继续加载构建。但是我的css是写在页面最后面的,我怀疑是我要构建的那个dom加载完了还没加载到对应的样式文件。于是进行了修改,这时候再使用overflow为auto属性在ios中也能够正常显示了。用vue开发的页面使用overflow为auto后显示不全的问题

参考文章:https://www.cnblogs.com/Yoriluo/p/6783081.html