Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Не работает медиа запрос под маленькое разрешение
 
 автор: immortal727   (15.01.2015 в 14:30)   письмо автору
 
 

Пишу в коде
@media only screen and (max-width: 240px){}

Не работает, то что внутри.
Если написать вместо max на min, то работает вообще везде, при любом разрешении.
Я только начинаю осваивать адаптацию, помогите пожалуйста, сайт пока локально.

  Ответить  
 
 автор: Mookapek   (15.01.2015 в 17:22)   письмо автору
 
   для: immortal727   (15.01.2015 в 14:30)
 

Ну в самом то медиазапросе ничего неправильного вроде нет. У меня работает, только не с 240px, потому как до такой ширины мой браузер не сжимается :)
А вот, например, с @media only screen and (max-width: 300px){} результат работы можно наблюдать.
Может в этом все дело?

  Ответить  
 
 автор: immortal727   (15.01.2015 в 18:06)   письмо автору
 
   для: Mookapek   (15.01.2015 в 17:22)
 

Да вот и я думаю, что ошибки-то нет. Может быть действительно у меня тоже в этом дело. Ну ладно тогда.

  Ответить  
 
 автор: KPETuH   (16.01.2015 в 10:14)   письмо автору
 
   для: immortal727   (15.01.2015 в 14:30)
 

А вы как проверяете?

  Ответить  
 
 автор: immortal727   (16.01.2015 в 10:23)   письмо автору
 
   для: KPETuH   (16.01.2015 в 10:14)
 

сворачиваю браузер на минимум

  Ответить  
 
 автор: KPETuH   (16.01.2015 в 13:58)   письмо автору
 
   для: immortal727   (16.01.2015 в 10:23)
 

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

  Ответить  
 
 автор: immortal727   (19.01.2015 в 10:19)   письмо автору
 
   для: KPETuH   (16.01.2015 в 13:58)
 

В гугле я не нашел где это есть. А в мозиле проверил, не срабатывает. Да и бог с ним, от 240 все нормально и ладно.

  Ответить  
 
 автор: KPETuH   (19.01.2015 в 11:46)   письмо автору
 
   для: immortal727   (19.01.2015 в 10:19)
 

В хроме f12->elements->emulation

  Ответить  
 
 автор: immortal727   (19.01.2015 в 15:22)   письмо автору
 
   для: KPETuH   (19.01.2015 в 11:46)
 

В шапке есть такой блок .block-menu, так для него написал, чтоб он был не виден
@media only screen all and (max-width:240px){

.block-menu {
    display:none;
}

}


Но по прежнему не работает

  Ответить  
 
 автор: Mookapek   (19.01.2015 в 20:32)   письмо автору
 
   для: immortal727   (19.01.2015 в 15:22)
 

С большим то значением работает или нет?

  Ответить  
 
 автор: immortal727   (20.01.2015 в 09:46)   письмо автору
 
   для: Mookapek   (19.01.2015 в 20:32)
 

С остальными значениями, от width 240 прекрасно

  Ответить  
 
 автор: Ulitka   (10.04.2015 в 15:54)   письмо автору
 
   для: immortal727   (15.01.2015 в 14:30)
 

Напишите адрес сайта, протестирую. Я в интернете с Nokia c5. Экран 240px. Хороший динозавр.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования