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
