Css на мобильном

[Ch0oJoy]

Зравствуйте! Добавляю код для изменения фона на телефонах, но почему-то не хочет работать. Подскажите что не так?

 @media screen and (min-width: 600px) {
	  .menu_links {background: #fff !important;}
		  .menu_links a {color: #333}
		   
} 

 

Змінено 18 лютого 2018 користувачем Ch0oJoy

[Gann]

.menu_links без media есть в цсс? Вероятно, поэтому и не работает.

Можно попробовать добавить к стилям в медиа !important

[Гість]

4 минуты назад, Ch0oJoy сказал:

Зравствуйте! Добавляю код для изменения фона на телефонах, но почему-то не хочет работать. Подскажите что не так?

 @media screen and (min-width: 600px) {
	  .menu_links {background: #fff !important;}
		  .menu_links a {color: #333}
		   
} 

 

Это не телефоны, а планшеты 

[Гість]

3 минуты назад, Gann сказал:

.menu_links без media есть в цсс? Вероятно, поэтому и не работает.

Можно попробовать добавить к стилям в медиа !important

1. у автора 

.menu_links {background: #fff !important;}

2. 

4 минуты назад, Gann сказал:

.menu_links без media есть в цсс? Вероятно, поэтому и не работает.

Большей глупости не слышал..

[Ch0oJoy]

4 минуты назад, Gann сказал:

.menu_links без media есть в цсс? Вероятно, поэтому и не работает.

Можно попробовать добавить к стилям в медиа !important

.menu_links  есть в стилях, в нем прописан фон, который на телефонах ужасно смотрится..

  .menu_links {background: #fff !important;}

Прописано, но фон не меняется.

3 минуты назад, nexus сказал:

Это не телефоны, а планшеты 

Мне нужно чтоб до 700px у всех устройств был белый фон

[Гість]

6 минут назад, Ch0oJoy сказал:

Мне нужно чтоб до 700px у всех устройств был белый фон

На самом деле этот размер для телефонов, просто обновите кэш =))) ctrl -F5

 

Змінено 18 лютого 2018 користувачем Гість

[REDDI]

1 час назад, Ch0oJoy сказал:

Зравствуйте! Добавляю код для изменения фона на телефонах, но почему-то не хочет работать. Подскажите что не так?

 @media screen and (min-width: 600px) {
	  .menu_links {background: #fff !important;}
		  .menu_links a {color: #333}
		   
} 

 

а почему min-width? Если хочешь для телефонов то max-width. В твоем коде код будет отображаться для экранов, которые в ширину больше 600px

[Гість]

4 минуты назад, REDDI сказал:

а почему min-width? Если хочешь для телефонов то max-width. В твоем коде код будет отображаться для экранов, которые в ширину больше 600px

А у него телефон размером с планшет =)) И не больше, а меньше =)))

Змінено 18 лютого 2018 користувачем Гість

[Гість]

Короче, автор, укажи не минимальную ширину, а максимальную..

[REDDI]

1 час назад, nexus сказал:

А у него телефон размером с планшет =)) И не больше, а меньше =)))

так нужно было объяснить человеку в чем ошибка. А не тролить 

[Гість]

1 минуту назад, REDDI сказал:

так нужно было объяснить человеку в чем ошибка. А не тролить 

Ну не удержался, извините.. Что с пьяного взять =))) 

[zlatoff]

Кстати в современных трубах с дисплеями высокой четкости делите паспортную ширину дисплея в 1,5 ... 2 раза для определения точки преломления для медиазапросов css. 600-700 - это планшет, причем в горизонтальном исполнении. Какой телефон нафиг!?

Встаньте поближе к писуару, и выставляйте 320-360 px.

Змінено 18 лютого 2018 користувачем zlatoff

[Ch0oJoy]

Спасибо! Проблема была в основном стиле, в котором был прописан !important;,по этому и на тел. не менялся фон.

 

По размеру экрана, у меня адаптивный шаблон и в нем активно меняются блоки. по этому и указываю с запасом. чтоб на всех телефонах и планшетах был белый фон.

Змінено 18 лютого 2018 користувачем Ch0oJoy

[Gann]

Только что, nexus сказал:

Большей глупости не слышал..

 

Если в css есть код 

.menu_links {background: #fff;}

и там же есть код

 @media screen and (min-width: 600px) {
	  .menu_links {background: #000;}		   
} 

какой цвет будет у .menu_links? А потом можно и про глупости.

[Гість]

2 минуты назад, Gann сказал:

 

Если в css есть код 

.menu_links {background: #fff;}

и там же есть код

 @media screen and (min-width: 600px) {
	  .menu_links {background: #000;}		   
} 

какой цвет будет у .menu_links? А потом можно и про глупости.

Ололо, ты хочешь со мной потягаться? чёрный цвет при размере экрана >= 600.

Змінено 18 лютого 2018 користувачем Гість

[Gann]

Только что, nexus сказал:

Ололо, ты хочешь со мной потягаться? чёрный цвет..

ясно, ололо

[Гість]

5 минут назад, Gann сказал:

ясно, ололо

?

[Gann]

Только что, nexus сказал:

чёрный цвет при размере экрана >= 600.

 

проверь

[Гість]

Ну так и проверь =))) Гггг

[magneto2010]

 

1 час назад, Ch0oJoy сказал:

Мне нужно чтоб до 700px у всех устройств был белый фон

 

Так укажите что до 700 должен срабатывать этот фон  (max-width: 700px). А тот что вы указали - от 600 и выше.