Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/25: Рейтинг темы: голосов - 25, средняя оценка - 4.88
2 / 2 / 1
Регистрация: 17.05.2013
Сообщений: 688

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

24.11.2015, 12:52. Показов 4959. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите почему то не работает, медиазапрос если ширина сайта равна 1200px
CSS
1
2
/*Медизапросы при расширение экрана в 1024px*/
@media screen and (max-width: 1024px)
/// КОД
CSS
1
2
/*Медизапросы при расширение экрана в 1200px*/
@media screen and (max-width: 1200px and min-width: 1025px)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.11.2015, 12:52
Ответы с готовыми решениями:

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

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

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

6
 Аватар для mrBobrillo
49 / 42 / 25
Регистрация: 18.11.2015
Сообщений: 279
24.11.2015, 12:55
Выкладывайте код, так тяжело сказать
0
2 / 2 / 1
Регистрация: 17.05.2013
Сообщений: 688
24.11.2015, 14:02  [ТС]
Цитата Сообщение от mrBobrillo Посмотреть сообщение
Выкладывайте код, так тяжело сказать
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
*Медизапросы при расширение экрана в 1024px*/
@media screen and (max-width: 1024px)
{
    .name 
    {   
        margin: 0px auto;
        padding-top: 75px;
    }
 
    .name a 
    {
        font-family: Monotype Corsiva;
        font-size: 60px;
        color: #fff;
        text-shadow: 0 0 4px #006bb7;
        text-decoration: none;
        text-align: center;
        padding-left: 200px;
        padding-top: 30px;
    }
    .name  a span 
    {
   
        font-family: Monotype Corsiva;
        font-size: 55px;
        color: #fff;
        text-shadow: 0 0 4px #006bb7;
        text-align: center;
        margin-left: 60px;
    }
    .post-main
    {
        float: left;
        overflow: hidden;
        width:  650px;
        overflow: hidden;
 
    }
    .siderbar
     {
    
        overflow: hidden;
        float: right;
        margin-left: 20px;
        width: 280px;
        border-radius: 4px;
             -moz-border-radius: 4px;
             -webkit-border-radius: 4px;
        padding-right: 20px;
    }
    .siderbar img 
    {
        width: 230px;
    }
 
    
}
 
/*Медизапросы при расширение экрана в 1200px*/
@media screen and (max-width: 1200px and min-width: 1025px)
{
 
.name 
    {   
        margin: 0px auto;
        padding-top: 75px;
    }
 
    .name a 
    {
        font-family: Monotype Corsiva;
        font-size: 80px;
        color: #fff;
        text-shadow: 0 0 4px #006bb7;
        text-decoration: none;
        text-align: center;
        padding-left: 200px;
        padding-top: 30px;
    }
    .name  a span 
    {
   
        font-family: Monotype Corsiva;
        font-size: 80px;
        color: #fff;
        text-shadow: 0 0 4px #006bb7;
        text-align: center;
        margin-left: 60px;
    }
    .post-main
    {
        float: left;
        overflow: hidden;
        width:  800px;
        overflow: hidden;
 
    }
    .siderbar
     {
    
        overflow: hidden;
        float: right;
        margin-left: 20px;
        width: 300px;
        border-radius: 4px;
             -moz-border-radius: 4px;
             -webkit-border-radius: 4px;
        padding-right: 20px;
    }
 
 
}
0
 Аватар для mrBobrillo
49 / 42 / 25
Регистрация: 18.11.2015
Сообщений: 279
24.11.2015, 14:03
HTML?
0
Эксперт HTML/CSS
 Аватар для Shakalaka
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
24.11.2015, 14:46
Цитата Сообщение от karandashbest Посмотреть сообщение
@media screen and (max-width: 1200px and min-width: 1025px)
бред написан, потому и не работает
0
27 / 28 / 16
Регистрация: 18.10.2015
Сообщений: 187
24.11.2015, 14:47
CSS
1
@media screen and (max-width: 1200px and min-width: 1025px)
У вас ошибка в коде... and нужно отдельно указать

CSS
1
@media screen and (max-width: 1200px) and (min-width: 1025px)
0
2 / 2 / 1
Регистрация: 17.05.2013
Сообщений: 688
24.11.2015, 14:48  [ТС]
Ошибка была в синтаксии @media screen and (min-width: 1024px) and (max-width: 1200px)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.11.2015, 14:48
Помогаю со студенческими работами здесь

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

Не работает последний медиа-запрос
Добрый вечер, У меня не работает последний медиа-запрос! Эти отрабатывают: ........

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

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

Медиа запрос
не отправляется запрос max-width:700-900, а вот запрос 1к отправляется нормально, на сатйе https://jsfiddle.net/w33aa8oq/4/ запрос и при...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru