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

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

  这里借鉴了下别人写的文章看了下：

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

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