2015-03-19 3 views
0

Я пытаюсь написать запрос CSS @media, который будет работать как на моем мобильном устройстве, так и на браузере размером менее 500 пикселей. Следующее работает на моем телефоне, но не работает, если я изменяю размер моего браузера небольшим. Как мне это сделать?Запрос CSS @media для включения ширины мобильного и малого браузера

/* Smartphones and small browsers ----------- */ 
@media 
    all and (-webkit-device-pixel-ratio: 2), 
    screen and (resolution: 192dpi), 
    all and (-webkit-device-pixel-ratio: 1.3), 
    all and (device-aspect-ratio: 9/16) { 

/* Styles */ 
} 
/* other devices */ 
@media 
    all and (-webkit-device-pixel-ratio: 1), 
    screen and (resolution: 96dpi), 
    all and (-webkit-device-pixel-ratio: 1) 
{ 
/* Styles */ 

} 

ответ

0

добавьте следующую строку в ваш медиа-запросов:

all and (max-width: 500px), 
Смежные вопросы