Не работают медиа запросы

@IgorDaiko · Регистрация: 02.01.2012

Author24 — интернет-сервис помощи студентам

Всем доброго времени суток. У меня возникла непонятная для меня проблема. Никогда не занимался фронтэндом, но начальство попросило доработать сайт. Пытаюсь разобраться с медиа запросами.
В один файл со всеми остальными стилями я добавляю следующее. Но ничего не работает. Я не могу понять почему. Помогите пожалуйста.

CSS
1
2
3
4
5
6
7
@media screen and(max-width: 1000px)
  {
    .head_top_logo{
     float:left;
     margin-left:-100px;
    }
  }

@sending · 29.04.2015, 16:13

Добрый день.

Добавьте в шапку сайта (между <head></head>) вот этот мета-тег:

HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Чтобы было так:

HTML5
1
2
3
4
5
<head>
 ...
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 ...
</head>

@Az Rieil · 29.04.2015, 19:29

Попробуйте вместо max-width - max-device-width

@IgorDaiko · 30.04.2015, 11:15 **[ТС]**

Попробовал оба варианта. Ни один не помог.. При чем, если посмотреть через инструменты гугла стили, то медиа запрос там есть, но почему он не работает

@Az Rieil · 30.04.2015, 11:42

А у меня работает.
Поскрольте зум.

@sending · 30.04.2015, 12:07

IgorDaiko, ну Вы бы может дали ссылочку на сайт, а мы посмотрим, чем можно Вам помочь.

Новые блоги и статьи Все статьи Все блоги /
Что нового в C# 14 UnmanagedCoder 10.03.2025 Предстоящая версия C# 14 обещает принести изменения, которые сделают разработку еще более приятной и эффективной. Что стоит отметить, так это влияние сообщества разработчиков на формирование новых. . .	Формулы поворота Igor3D 10.03.2025 Добрый день Тема Эти формулы приводятся во множестве тьюториалов, часто под видом "матрица вращения на плоскости". x' = x * cos(a) - y * sin(a) y' = y * cos(a) + x * sin(a) Как бы Вы их. . .	Что нового в .NET 10 UnmanagedCoder 10.03.2025 . NET 10 выходит как релиз с длительной поддержкой (LTS), включающей три года обновлений. В этом обновлении Microsoft сфокусировались на нескольких направлениях: производительность, оптимизация. . .	Отложенное высвобождение, RCU и Hazard Pointer в C++26 NullReferenced 09.03.2025 Многопоточное программирование стало важной частью современной разработки. Когда несколько потоков одновременно работают с общими данными, возникает целый ряд проблем, связанных с синхронизацией и. . .	Неблокирующийся стек на C++26 NullReferenced 09.03.2025 Традиционные способы синхронизации в многопоточном программировании — мьютексы, семафоры, условные переменные — часто превращаются в узкое место в плане производительности. При этом неблокирующиеся. . .
Обработка строк в C++26: Новые возможности string и string_view NullReferenced 09.03.2025 Новый стандарт C++26 предлагает много улучшений для работы с привычными string и относительно новыми string_view. string_view - это невладеющая ссылка на последовательность символов, появившаяся в. . .	Мой первый аддон для Blender 3D, с помощью нейронки (не зная даже азов пайтона, но это не значит что так и с остальным). Hrethgir 09.03.2025 Потратил весь день. Пол-дня мне хватило, чтобы понять что с версией с 14B мне не одолеть написание функционального кода, на языке с которым я вообще никак не знаком - пайтон. Версия 22B от другого. . .	Einstein@Home сегодня исполняется двадцать лет! Programma_Boinc 09.03.2025 Einstein@Home сегодня исполняется двадцать лет! Отправлено 19 февраля 2025 года в 17:20:21 UTC Я хочу поздравить всех наших волонтеров, разработчиков и ученых из Einstein@Home. Мы официально. . .	Заполнители и расширенный набор символов в C++26 NullReferenced 09.03.2025 C++26 представляет два важных обновления: заполнители и расширенный набор символов. Заполнители (placeholders) решают давнюю проблему лаконичности кода в шаблонных выражениях и лямбда-функциях. Они. . .	Контракты в C++26 NullReferenced 09.03.2025 Контракты – это механизм, позволяющий указывать предусловия, постусловия и инварианты для функций в коде. Эта функциональность должна была стать частью C++20, но была исключена на встрече комитета. . .

@Az Rieil 39 / 39 / 43 Регистрация: 14.07.2014 Сообщений: 230
	29.04.2015, 19:29	3
	Попробуйте вместо max-width - max-device-width 0

@IgorDaiko 2 / 2 / 2 Регистрация: 02.01.2012 Сообщений: 112
	30.04.2015, 11:15 [ТС]	4
	Попробовал оба варианта. Ни один не помог.. При чем, если посмотреть через инструменты гугла стили, то медиа запрос там есть, но почему он не работает 0

@Az Rieil 39 / 39 / 43 Регистрация: 14.07.2014 Сообщений: 230
	30.04.2015, 11:42	5
	А у меня работает. Поскрольте зум. 0

@sending 64 / 22 / 9 Регистрация: 03.11.2012 Сообщений: 327
	30.04.2015, 12:07	6
	IgorDaiko, ну Вы бы может дали ссылочку на сайт, а мы посмотрим, чем можно Вам помочь. 0