Что я делаю не так?
Я пытаюсь адоптировать фон под мобильную версию что я делю не так вот код css
.header{ background-image: url("fonmax.jpg"); background-size: cover; } @media (max-width: 350px) { .header{ background-image: url("fon320.jpg"); background-size: cover; } } |
.header{ background-image: url("fonmax.jpg"); background-size: cover; } @media (max-width: 350px) { .header{ background-image: url("fon320.jpg"); background-size: cover; } }
Вот HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ГК Метал мастер</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> </header> </body> </html> |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ГК Метал мастер</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> </header> </body> </html>
Дополнительно:
Да, нужен также HTML. Еще лучше, если зальете код в песочницу, например codepen и ссылку сюда, а также напишите, что именно вас не устраивает в мобильной версии?
background-image:url(''); должен быть без пробелов
И если в фоне не используется цвет фона то лучше так
background:url('')
Так же правильный путь к фону, если cssфайл лежит не в корне то нужно добавить косую палку (' /картинка.png')
Ответы:
!important
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Чтобы определить, что именно вы делаете не так, нам нужно больше информации о проблеме, с которой вы сталкиваетесь. Однако, в общем случае, есть несколько общих причин, почему ваш код может не работать правильно:
1. Синтаксические ошибки: Проверьте ваш код на наличие ошибок в синтаксисе. Например, не закрытые скобки, отсутствие точек с запятой в конце операторов, неправильное использование кавычек и т.д.
2. Ошибки в логике: Проверьте, что ваш код делает то, что вы ожидаете. Возможно, у вас есть ошибки в логике программы, которые приводят к неправильным результатам.
3. Ошибки в переменных: Убедитесь, что вы используете правильные переменные и что они содержат корректные значения. Проверьте, что вы правильно передаете и обрабатываете данные.
4. Ошибки в функциях: Проверьте, что вы правильно используете функции и методы. Убедитесь, что вы передаете им правильные аргументы и обрабатываете их результаты корректно.
Если вы предоставите больше информации о вашей проблеме, например, код, который вызывает проблему, сообщение об ошибке, ожидаемый результат и фактический результат, мы сможем помочь вам более точно определить, что именно идет не так и как это исправить.