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
CSS-фоновый цвет не изменится на мобильном устройстве ⇐ CSS
Разбираемся в CSS
-
Anonymous
1739229044
Anonymous
basically, мой фоновый цвет CSS: не изменит цвет фона на экране мобильного телефона, который я использую ([b] samsung S9 [/b]). Особенность для меня заключается в том, что цвет успешно меняется как на рабочем столе, так и на более крупном мобильном устройстве ([b] iPad [/b]), который я использую для тестирования. < /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
Подробнее здесь: [url]https://stackoverflow.com/questions/54093835/css-background-colour-will-not-change-on-mobile-device[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия