如何创建垂直响应式网页？
如何创建垂直响应式网页？
提问于 2018-10-14 12:17:44
我正在尝试创建一个单页面网页，但问题是我正在使用margin-top和em来垂直排列一些元素。在一些屏幕上，它被向下推太多而看不见，迫使用户向下滚动。这是我不能接受的。我尝试使用媒体查询，但问题是使用screen only并不总是有效，因为选项卡、地址栏、书签栏等也会占用空间。我只是对如何做到这一点感到困惑。请帮帮忙。
回答 1
Stack Overflow用户
发布于 2018-10-14 13:04:15
如果你已经分享了代码，我就会明白了。无论如何，下面的css应该会帮助你拥有一个高度和窗口一样长的容器/包装器，并且容器中的所有元素都将垂直和水平地放置在中心。
.container {
height: 100vh;
display:flex;
flex-direction: column;
align-items: center; //center vertically
justify-content: center; //center horizontally
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52799427
复制相关文章
相似问题
腾讯云开发者
