gpt4 book ai didi

html - 试图使 div 背景图像 100% 窗口高度和 div 居中

转载 作者:行者123 更新时间:2023-11-28 09:35:26 24 4
gpt4 key购买 nike

我正在尝试制作一个在 iPad 上填满屏幕而在 iPhone 上有 2 个黑边的页面,因为纵横比不同。

背景图片需要保持固定形状,不要拉伸(stretch)。

我已经设法制作了 div 背景,大小和形状都合适,但我无法将其居中。谁能帮忙? http://www.simonpetermedia.com/Aboutpage/about.html

html{
height:100%;
}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
height: 100%;

background: #000000;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColElsCtr #container {
position:fixed !important;

top:0;
right:0;
left:0;
bottom:0;
margin-right: auto;
margin-left: auto;

height: 100%;
background-image: url("aboutbg.jpg");
background-size: auto 100%;
background-repeat: no-repeat;
margin: 0 auto;
border: 0px solid #000000;
text-align: left;
min-height: 100%;
}
.oneColElsCtr #mainContent {
padding: 0px;
}
-->
</style></head>

<body class="oneColElsCtr">

<div id="container">
<div id="mainContent">
<h1>&nbsp;</h1>
<!-- end #mainContent --></div>
</div>
</body>

最佳答案

background-size:cover;

编辑为

background-size:contain; background-position:center;backround-color:#E2AA7B;

关于html - 试图使 div 背景图像 100% 窗口高度和 div 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25549039/

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