Почему мой медиа-запрос для меньших точек останова не реализуется? ⇐ CSS

[Anonymous]

Я пишу медиа-запрос для веб-страницы, и мне удалось написать медиа-запросы для 480 пикселей и более. Но когда я пишу медиа-запрос для 320 пикселей, он работает неправильно. Я хочу сделать портретные изображения большинства мобильных телефонов (iphone4, iphone5,iphone3,asus galaxy 7,samsung galaxy sII, Samsung Galaxy s3), размер которых составляет 320 пикселей. Созданная мной веб-страница работала с альбомной ориентацией на этих устройствах, но не масштабировалась для книжной ориентации. Кто-нибудь может указать на ошибку в запросе. Это медиа-запросы, которые я использовал.

@media (макс. ширина: 320 пикселей) { HTML { размер шрифта: 0,1em; } } @media (макс. ширина: 480 пикселей) { HTML { размер шрифта: 0,20em; } } @media (максимальная ширина: 767 пикселей) { HTML { размер шрифта: 0,38em; } } @media (минимальная ширина: 768 пикселей) и (максимальная ширина: 979 пикселей) { HTML { размер шрифта: 0,65em; } } @media (минимальная ширина: 980 пикселей) и (максимальная ширина: 1025 пикселей) { HTML { размер шрифта: 0,7em; } } Для 320 пикселей я тоже пробовал

Экран только @media и (минимальная ширина устройства: 320 пикселей) и (максимальная ширина устройства: 480 пикселей) и (ориентация: портрет) { /*Стили */} и

Экран только @media и (максимальная ширина: 320 пикселей) { /* Стили */ } Но ни один из них не работает. Я делаю что-то не так/что-то упускаю? Заранее спасибо