gpt4 book ai didi

html - 响应式布局不会在短屏幕中垂直滚动

转载 作者:行者123 更新时间:2023-11-28 02:38:55 25 4
gpt4 key购买 nike

我有一个我设计和编码的网站,它似乎在具有短屏幕且不会滚动的非常特定的设备上切断了顶部和底部。我可以做些什么来使图片在浏览器中居中而不重叠

这是 jsfiddle 的链接: https://jsfiddle.net/SCATORY/mjyssu7y/

<body>
<div id="container">
<div class="container">
<div class="nav">
<div class="logo"></div>

</div>
</div>
<div class="container holder">
<div class="center">
<div class="height">
<h1>Practice yoga. <br>In hypo-microbial style.</h1>
</div>
<div class="bag">
</div>
<div class="height-2">
<h2>Introducing ThePureBag™.<br>
The germ-resistant way to carry your yoga gear in style.</h2>
<div class="margin">
<a href="mailto:"><button class="contact">Contact Us</button></a>
</div>
</div>
</div>
</div>
</div>
<div id="grey">
</div>


</body>

最佳答案

乘坐position:fixed关闭 #container并采取 position:absolute关闭 .holder .这应该使它工作。

Position:fixed 表示元素不会滚动。

关于html - 响应式布局不会在短屏幕中垂直滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47273878/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com