короче хз все не встаёт на места!

помогите плиз то CSS не дружит со мной

ксс:

body{
font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
color:#b9b9b9;
background: url('images/bg.jpg') no-repeat fixed 50% 0px #000;
max-width:480px;
min-width:220px;
margin:auto;
}

div:after{content:"";clear:both;display:block;font-size:0;line-height:0;height:0;visibility:hidden}select,input,textarea{font:99% "Trebuchet MS",Arial,Verdana,sans-serif;background-color:#2e372c;border:1px solid #7c7c7c;color:#e6ffe3;border-radius:3px}textarea{display:block;height:45px;width:96%;margin:0 auto 5px;font-size:12px;padding:5px 0 10px}form{width:85%;margin:10px auto 0}select,input[type="text"],input[type="password"]{display:block;margin:4px 0 10px;padding:3px 5px}select{width:100%}input[type="checkbox"]{cursor:pointer}input[type="text"],form input[type="password"]{width:97%}label{font-size:12px;display:block;margin:0 0 3px}form.sform{width:95%}form.sform select,form.sform input[type="text"],form.sform input[type="password"]{width:30%;display:inline;margin:0;padding:0}h1,h2{font-size:medium;font-weight:normal;padding:4px}h1.cn,h2.cn,h3,.cnn{text-align:center}h1,h2,.l,.cnn,h3{color:#b0d0e1}.cnn{font-size:medium;font-weight:normal}.content{background-color:#b0d0e1}.dc{padding:10px 0;text-align:center}a{color:#b0d0e1}a:hover{color:#b0d0e1}.fm{padding-top:10px;font-size:16px;text-align:center}.fm a,.vk a{color:#b0d0e1}.fm a:hover,.vk a:hover{color:#61914a}.foot{padding:5px 0 20px;font-size:12px;color:#b0d0e1;text-align:center}.foot2 a{color:#b0d0e1}.foot2 a:hover{color:#7e937e}
}

ul.help {
list-style:circle;
}

#but{
width:9%;background:#330000;font-weight:bold;cursor:pointer;color:#330000
}

.hide{display:none;}

.tit{
color: #C7C99B;
text-align: center;
margin-top: 2px;
}

ul.help li {
list-style:circle;
margin-left:16px;
}
.small{
font-size:80%;
}
.white {
color:white;
}
.health {
color:#ff6a6a;
}

Изображение

------
55845_Screenshot_20180415160804.png (239.1 Kb)
Скачиваний: 82

________
посл. ред. 15.04.2018 в 16:30; всего 1 раз(а); by Baton4ik

эта проблемма выскакивает на всех мобилах на почти всех браузерах но Firefox норм

ссылку дай, непонятно ниче

Baton4ik , body {
font-family : "Trebuchet MS", Arial, Verdana, sans-serif;
color : #b9b9b9;
background : url('images/bg.jpg') 50% 0 no-repeat fixed #000;
max-width : 480px;
min-width : 220px;
margin : auto;
}
div:after {
content : "";
clear : both;
display : block;
font-size : 0;
line-height : 0;
height : 0;
visibility : hidden;
}
select, input, textarea {
font : 99% "Trebuchet MS", Arial, Verdana, sans-serif;
background-color : #2e372c;
border : #7c7c7c solid 1px;
color : #e6ffe3;
border-radius : 3px;
}
textarea {
display : block;
height : 45px;
width : 96%;
margin : 0 auto 5px;
font-size : 12px;
padding : 5px 0 10px;
}
form {
width : 85%;
margin : 10px auto 0;
}
select, input[type="text"], input[type="password"] {
display : block;
margin : 4px 0 10px;
padding : 3px 5px;
}
select {
width : 100%;
}
input[type="checkbox"] {
cursor : pointer;
}
input[type="text"], form input[type="password"] {
width : 97%;
}
label {
font-size : 12px;
display : block;
margin : 0 0 3px;
}
form.sform {
width : 95%;
}
form.sform select, form.sform input[type="text"], form.sform input[type="password"] {
width : 30%;
display : inline;
margin : 0;
padding : 0;
}
h1, h2 {
font-size : medium;
font-weight : normal;
padding : 4px;
}
h1.cn, h2.cn, h3, .cnn {
text-align : center;
}
h1, h2, .l, .cnn, h3 {
color : #b0d0e1;
}
.cnn {
font-size : medium;
font-weight : normal;
}
.content {
background-color : #b0d0e1;
}
.dc {
padding : 10px 0;
text-align : center;
}
a {
color : #b0d0e1;
}
a:hover {
color : #b0d0e1;
}
.fm {
padding-top : 10px;
font-size : 16px;
text-align : center;
}
.fm a, .vk a {
color : #b0d0e1;
}
.fm a:hover, .vk a:hover {
color : #61914a;
}
.foot {
padding : 5px 0 20px;
font-size : 12px;
color : #b0d0e1;
text-align : center;
}
.foot2 a {
color : #b0d0e1;
}
.foot2 a:hover {
color : #7e937e;
}
ul.help {
list-style : circle;
}
#but {
width : 9%;
background : #330000;
font-weight : bold;
cursor : pointer;
color : #330000;
}
.hide {
display : none;
}
.tit {
color : #C7C99B;
text-align : center;
margin-top : 2px;
}
ul.help li {
list-style : circle;
margin-left : 16px;
}
.small {
font-size : 80%;
}
.white {
color : white;
}

<meta name="viewport" content="width=device-width, initial-scale=1">

P.S это нужно в шапку вставить, точнее заменить то что там на это
________
посл. ред. 15.04.2018 в 17:29; всего 2 раз(а); by SENSEI

СПС помогло хотя у меня стаял похожий мета