медиа-запрос для галактики s2

Question

Я разработал отзывчивую тему для своего сайта, Используя медиа-запросы в моем файле css.

он отлично работает на ipad/iphone и небольших телефонах для Android. Когда я добираюсь до галактики S2, он, кажется, игнорирует мои медиа-запросы.

Это медиа-запрос im, использующий целевую галактику s2 и так же - это правильно? если да, то почему он не работает?

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) 

благодаря

Answer 1

Ваш код должен работать.

Вы пытались добавить «ориентацию», как:

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : landscape) { 

} 

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 800px) 
and (orientation : portrait) { 

} 

Answer 2

Это также может быть стоит выстрел: @media all and (device-aspect-ratio: 3/5).

Информация взята из: http://cssmediaqueries.com/

Answer 3

ответов показанных являются утончаются неправильно! У устройств Samsung не одинаковое разрешение как в портретном, так и в ландшафтном режимах, как это делают устройства Apple. Кроме того, почему вы используете «min-device-width» и «max-device-width»? Придерживайтесь разрешения! Вы не хотите, чтобы ваш дизайн отображался ненадлежащим образом при неправильном разрешении! Делайте это, я гарантирую, что это работает, потому что я использую его все время:

@media экран и (устройство ширина: 480px) и (устройства высота: 800px) и (ориентация: портрет) { стили } @media screen and (device-width: 800px) и (высота устройства: 480 пикселей) и (ориентация: пейзаж) { стилей } Ditch правило «только»! Это необязательно! Используйте только «карманные» или «экранные» значения!

Answer 4

Галактики S2, имеет устройство пиксел отношение 1,5, так что запросы средств массовой информации должны быть: только

@media экрана и (мин-устройства-ширина: 360 пикселей) и (макс-устройства ширина: 533px)