视野高度大到景观

Question

我有一个矩形网站，底部有导航按钮。在横向模式下查看网站时，底部和导航会被切断，不可见..如何在横向模式下垂直居中？

我的容器：

#container {
height: 500px;
width: 910px;
margin-right: -200px;
margin-left: -450px;
position: fixed;
top: 20%;
left: 50%;
overflow: hidden;
}

Answer 1

添加此行，但仅适用于新浏览器。 Here is idea

display: flex;
align-items: center;