Question

我有一个用php（html）和css编写的网站，我的问题是，有时（通常在重定向后），css对齐中断，除了标题图片之外的所有内容都移动到左上角。在我的电脑上（即便如此，我已经在谈论在主机服务器上上传的网站了）我可以通过刷新页面来解决这个问题，突然之间一切都是应该的。在不同的设备上（我已经在2台不同的计算机和3部手机上试过它），它从未以正确的方式显示。我在不同的浏览器（火狐，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;
}

感谢您提供的所有建议：）

Answer 1

所以，我的“哦，这么大的错误”是，我没有在边距，填充等数字后面写单位...我只是写了例子10.当我添加px / em ..在它背后，突然一切正常：D

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

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

1 个答案: