gpt4 book ai didi

css - 屏幕分辨率。全屏 - 完美。普通屏幕 - 不完美

转载 作者:行者123 更新时间:2023-11-28 18:11:41 30 4
gpt4 key购买 nike

我正在创建一个需要居中于中间的圆形网站。背景由围绕中心图像的圆圈组成。每当我以全屏(F11 快捷键)查看我的网站时,无论我的屏幕分辨率如何,它都完美居中。

如果我在没有全屏显示的情况下查看我的网站,我的屏幕分辨率会稍微调整背景,使其无法完美居中。

对于我的背景,我将其作为代码:

* { 
padding:0; margin:0;
}

html, body {
height:100%;
width: 100%;
display: block;
background-color: #1a1207;
/* add font here */
color: white;
}

body{
background-image:url('../img/background.jpg');
background-position: left;
background-repeat: no-repeat;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-moz-background-position: fixed;
-o-background-size: cover;
background-size: cover;
}

有什么办法可以解决吗?

最佳答案

看不到其余代码,但如果您希望背景居中,难道您不想将其设置为:

body{
background-position: center;
}

现在的情况是,背景仅针对一种分辨率正确居中,因为它向左对齐。

关于css - 屏幕分辨率。全屏 - 完美。普通屏幕 - 不完美,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18529690/

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