不同设备屏幕尺寸不同,但都需要在竖直方向对齐时间线与会议块,而宽度最好可以根据屏幕尺寸调整。
经过尝试,都改为rpx难以实现,最好的解决方案是:在当前容器中,时间线,margin,会议块等等高度始终使用px控制,宽度使用rpx控制,并且在容器设置允许上下滚动。
.content {height: 100vh; /* 视口高度 */overflow-y: auto; /* 允许垂直滚动 */-webkit-overflow-scrolling: touch; /* iOS流畅滚动 */
}
我真是个天才。