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

Question

Я следующие основные медиа-шаблон запроса в нижней части моей таблицы стилей, как так

@media (max-width: 1599px) { 
    body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 1069px) { 
    body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 999px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 

@media (max-width: 767px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 
@media (max-width: 643px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 

/* Mobile devices */ 
@media (max-width: 359px) { 
body { 
    background: #000; 
    color: #FFF; 
    font-size: 10pt; 
} 
} 

однако при взгляде на моем iPhone 5 на iOS7, расположение не меняется, кто-нибудь прямо сейчас почему? Мне нужно что-то в заголовке и т. Д.?

Спасибо, ребята!

Answer 1

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

body { 
    background: #111; 
    color: #EEE; 
    font-size: 12px; 
} 

@media only screen 
and (max-width : 1599px) { 
    html body { 
     background: #000; 
     color: #FFF; 
     font-size: 10px; 
    } 
}