微信小程序前端会议表屏幕适配问题

不同设备屏幕尺寸不同,但都需要在竖直方向对齐时间线与会议块,而宽度最好可以根据屏幕尺寸调整。

经过尝试,都改为rpx难以实现,最好的解决方案是:在当前容器中,时间线,margin,会议块等等高度始终使用px控制,宽度使用rpx控制,并且在容器设置允许上下滚动。

.content {
  height: 100vh; /* 视口高度 */
  overflow-y: auto; /* 允许垂直滚动 */
  -webkit-overflow-scrolling: touch; /* iOS流畅滚动 */
}

我真是个天才。

posted @ 2025-03-12 03:20  saulstavo  阅读(21)  评论(0)    收藏  举报