wl_qianduan的博客

flex:1 属于一个简写属性，它是 flex-grow、flex-shrink 和 flex-basis 这三个属性的缩写，等同于 flex: 1 1 0。弹性布局（Flexbox）的兼容性整体较好，但在不同浏览器及其不同版本中存在一定差异。

在移动端的项目中，需要实现有效阅读标记的需求，此功能在实现iframe 嵌入PDF预览时，需要在下滑到底部时显示标记按钮，但是在iOS中，因为滚动穿透的问题，在PDF区域触底后无法触发外层的滚动事件，后经过查询得知，这是因为 iOS 的滚动机制和 iframe 的滚动容器特性导致的。

important 来解决；不同平台对样式的支持存在差异，某些样式在特定平台可能不生效，需要使用条件编译进行适配。可以进行代码压缩，使用 HBuilderX 自带的代码压缩功能或第三方工具对代码进行压缩；去除无用的资源和组件，清理项目中未使用的图片、字体等资源；采用分包加载策略，将不常用的页面和资源进行分包处理，减少主包体积；对图片等资源进行优化，选择合适的图片格式并进行压缩。可以采取以下措施：减少首屏加载的资源，将非必要的资源进行懒加载；在 Uni-app 开发中，遇到样式不生效的问题，可能有哪些原因？