safe关键字仍然是有效的草稿,并且还没有很多(如果有的话)浏览器支持该关键字,因此要获得相同的效果,请跨浏览器暂时使用[自动边距],该边距应在flex项目上设置。
请注意,要补偿modal
50px的上下边界,请padding
在上使用modal-container
。
.modal-container{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start; position: fixed; width: 100vw; height: 100vh; overflow-y: scroll; padding: 50px 0; box-sizing: border-box; }.modal-container > #modal{ display: flex; flex-direction: column; align-items: center; margin: auto 0; padding: 12px; width: 50%; background-color: #333; cursor: pointer;}


