CSS-фоновый цвет не изменится на мобильном устройстве ⇐ CSS

[Anonymous]

basically, мой фоновый цвет CSS: не изменит цвет фона на экране мобильного телефона, который я использую ( samsung S9 ). Особенность для меня заключается в том, что цвет успешно меняется как на рабочем столе, так и на более крупном мобильном устройстве ( iPad ), который я использую для тестирования. < /p>

Я полностью стерт цвет, который отображается на меньшем мобильном экране (#c96567 < /em>) из одного файла CSS, который я использую, однако, однако , Проблема сохраняется. = 'только экран и (максимальная ширина: 480px )', чтобы попытаться заставить CSS применить правило к маленькому экрану. < /p>

Поскольку я новый пользователь, стек не позволит мне внедрить свои изображения в сообщение, поэтому, пожалуйста, найдите ниже ссылки на 2 скриншота настольных и мобильных могу увидеть, о чем я говорю. Это та же страница 'login.php'. < /p>

Любые мысли или советы о том, в чем проблема? Как я уже сказал, я никогда не сталкивался с этой проблемой раньше, и я застрял в том, что делать! < /p>

/* CSS sheet in question */


/*CSS code*/

body, html {
background-color: #3AAFA9;
height: 100%;
overflow: auto;
}

.main {
margin-left: auto;
text-align: center;
margin-top: 100px;
font-family: 'Roboto', sans-serif;
position: relative;
color: #3AAFA9;
}

.btn {
background-color: #314455;
border: none;
font-family: 'Roboto', sans-serif;
margin-left: auto;
text-align: center;
margin-top: 40px;
left: 10%;
}

.btn:hover
{
background-color:#B19F9E;
}

.quote {
margin-left: auto;
text-align: center;
margin-top: 80px;
font-family: 'Roboto', sans-serif;
font-style: italic;
color: #FCF5F5;
background-color: #3AAFA9;
}

.header-wrapper {

background-color: #D3CED4;
padding: 10px 10px;
position: relative;
z-index: 10000;
}

.header-wrapper a.logo {
font-size: 25px;
font-weight: bold;
}
< /code>

Например, страница login.php ', например (Color, успешно изменяется) < /p>

mobile' login.php ' Например, страница (цвет вообще не изменен) < /p>

/*HTML Code*/



BackChannel
















Student Number


Password



Remember me

Submit








"The roots of education are bitter, but the fruit is sweet"
Aristotle







Подробнее здесь: https://stackoverflow.com/questions/540 ... ile-device