gpt4 book ai didi

html - CSS 对齐不适用于不同的设备

转载 作者:行者123 更新时间:2023-11-28 05:37:50 24 4
gpt4 key购买 nike

我有一个用 php(html) 和 css 编写的网站,我的问题是,有时(通常在重定向后),css 对齐中断,除了标题图片之外的所有内容都会移动到左上角。在我的电脑上(即便如此,我已经在谈论在主机服务器上上传的网站)我可以通过刷新页面来解决这个问题,突然间一切都正常了。在不同的设备上(我已经在 2 台不同的计算机和 3 部手机上尝试过),它从来没有以正确的方式显示。我已经在不同的浏览器(firefox、chrome、手机浏览器...)上尝试过,但没有任何区别,所以显然问题出在我的编码上:D如果有人感兴趣,我会发布我的 css 代码,如果没有,请跳过它。

body{
font-family: Arial, sans-serif;
font-size: 12pt;
height: 100%;
width: 100%;
margin: 0px;
}
#page{
overflow: auto;
background: #B6B1B1 url('img/background.JPG') no-repeat center;
background-attachment: fixed;
}
img{
max-width: 100%;
height: auto;
width: auto\9;
}
#languages li a{
font-weight: bold;
color: #191045;
}
#languages li a:hover{
color: #E49900;
}
h1 a span{
display: none;
}
h1 a{
width: 100%;
height: 240px;
display: block;
position: absolute;
background: transparent url('img/headerpic.png') no-repeat top center;
}
#menubar{
width: 70%;
position: absolute;
margin: 220 15% 0 15%;
text-align: center;
}
#menu li{
display: inline-block;
height: 40px;
line-height: 40px;
margin-top: 20;
margin-left: 5px;
padding: 0 15 0 15;
background-color: rgba(25,16,69,0.85);
border-radius: 5px;
}
#menu .selected{
background-color: rgba(255,255,255,0.85);
border-style: solid;
border-width: 3px;
border-color: rgba(25,16,69,0.85);
}
#menu .selected a{
color: rgba(25,16,69,0.85);
}
#menu li a{
text-decoration: none;
color: white;
}
#menu li a:hover{
color: #E49900;
}

#main{
min-height: 350;
position: relative;
display:block;
background-color: rgba(255,255,255,0.85);
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-top: 340;
padding: 15 15 15 15;
border-radius: 10px;
color: black;
}
footer{
position: relative;
background-color: rgba(255,255,255,0.85);
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-top: 15;
padding: 2.5 15 2.5 15;
border-radius: 10px;
display: inline-block;
bottom: 5px;
color: black;
font-size: 80%;
text-align: center;
}
#footer a{
text-decoration: none;
color: black;
}
#footer a:hover{
color: #E49900;
}

谢谢你的所有提示:)

最佳答案

所以,我的“哦,这么大的错误”是,我没有在边距、填充等数字后面写单位……我只是写了例如 10。当我添加 px/em.. . 在它后面,突然间一切都正常了 :D

仍然不知道为什么我花了这么长时间才意识到..-_-

关于html - CSS 对齐不适用于不同的设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38085568/

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