Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
<h1>Hello world</h1>
 Аватар для pavel666228
17 / 16 / 3
Регистрация: 17.12.2016
Сообщений: 181
Записей в блоге: 6

Не работает последний медиа-запрос

24.12.2018, 22:35. Показов 1204. Ответов 2
Метки css (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый вечер,

У меня не работает последний медиа-запрос!

Эти отрабатывают:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
........
 
@media all and (max-width: 1175px){
 
  .block{
    max-width: 1175px;
  }
.........
}
 
@media all and (max-width: 1000px) {
 
 
  .block {
    max-width: 1000px;
  }
.........
}
А вот этот нет:

HTML5
1
2
3
4
5
6
7
@media all and  (max-width: 800px){
 
 
  .block{
    max-width: 800px;
  }
}
Ошибок вроде не выдает.
<style></style> в отладчике потому что писал на less, но это врятли как-то влияет

Когда в браузере при ресайзе дохожу до 800 они игнорируются..
Миниатюры
Не работает последний медиа-запрос  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.12.2018, 22:35
Ответы с готовыми решениями:

НЕ работает медиа запрос
Подскажите почему то не работает, медиазапрос если ширина сайта равна 1200px /*Медизапросы при расширение экрана в 1024px*/ @media...

НЕ работает медиа запрос
Вот код @media screen and (max-width: 480px) { .flexslider { display: none; } } Должен был пропасть...

Не работает медиа запрос CSS
Доброго времени суток! Такая вот ситуация (верстаю макет), решил проверить один меди запрос @media only screen and (max-width:960px)...

2
<h1>Hello world</h1>
 Аватар для pavel666228
17 / 16 / 3
Регистрация: 17.12.2016
Сообщений: 181
Записей в блоге: 6
24.12.2018, 22:41  [ТС]
Если кто-то сталкивался, подскажите что проверить и поправить...
0
204 / 67 / 41
Регистрация: 15.09.2018
Сообщений: 197
25.12.2018, 15:12
Работает, как будто бы (firefox, chrome). jsfiddle.net

HTML5
1
2
<div class="block">
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
.block{
  height: 100px;
  background-color: fuchsia;
}
 
 
@media all and (max-width: 1175px){
 
  .block{
    max-width: 1175px;
    background-color: olive;
  }
 
}
 
@media all and (max-width: 1000px) {
 
 
  .block {
    max-width: 1000px;
    background-color: yellow;
  }
 
}
 
@media all and  (max-width: 800px){
 
 
  .block{
    max-width: 800px;
    background-color: green;
  }
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
25.12.2018, 15:12
Помогаю со студенческими работами здесь

Медиа-запрос на 480px не работает
Привет! Столкнулся с такой проблемой, прописываю media запросы, и тут вдруг вот такой не запахал... @media screen and (min-width: 320px)...

Почему не работает медиа запрос?
@media only screen and (max-device-width: 1024px) { .aboutUs1main{ text-align:center; font-size:24px; ...

Неправильно работает медиа - запрос
Здравствуйте. Имеется следующий код: &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; ...

Почему в мозиле не работает медиа-запрос
ну к примеру, если вот в визуал студио, то все роботает идеально &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link ...

Некорректно работает запрос, выбирающий последний курс каждой компании
Есть две таблицы, в одной id компании и имя компании в другой: id компании, время появление новой акции, и цена акции нужно выбрать...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru