Query для всех смартфонов в портретной ориентации

-1

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

я использовал до сих пор это одно, но оно не работает в iPhone 5 . Почему это?

@media only screen and (max-width:800px) and (orientation: portrait){ 
    aside{ display: none;} 
}

источник

2013-03-19 Enrique Moreno Tent

попытка :: (макс-ширина: 568px) –

Разрешение экрана iPhone 5 составляет 1136 x 640 пикселей. Измеряя диагональ на 4 дюйма, новый сенсорный экран имеет соотношение сторон 16: 9 и заклеймен на дисплее Retina с 326 точек на дюйм (пикселей на дюйм).

Try:

@media only screen and (min-width: 560px) and (max-device-width: 1136px) { 
    aside{ display: none;} 
}

источник

2013-03-19 11:34:54 Smartis

он не работает :( –

проверять эту страницу: http://www.screenresolution.org/ – Smartis

Вы с помощью реальный iPhone или эмулятор? – Smartis

Все мобильные экраны в портретном:

В CSS:

@media only screen and (max-device-aspect-ratio: 1) and (orientation: portrait) { 
    aside{ display: none;} 
}

Малые мобильные экраны в портретном с явно установить окна просмотра ширина:

Объявить этот режим масштабирования в HTML <head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

В CSS:

@media only screen and (max-width: 479px) and (max-device-aspect-ratio: 1) and (orientation: portrait) { 
    aside{ display: none;} 
}

Все мобильные экраны в портретном с шириной окна просмотра по умолчанию (980px):

Примечание: Это стало стандартом практикуйте в современном веб-дизайне, чтобы определить ширину видового экрана вместо того, чтобы оставить его по умолчанию по умолчанию 980px. Он интегрален с Responsive Design. Я настоятельно рекомендую занять некоторое время, чтобы узнать об этом.

В CSS:

@media only screen and (width: 980px) and (max-device-aspect-ratio: 1) and (orientation: portrait) { 
    aside{ display: none;} 
}

источник

2013-03-19 12:14:17

Добавление метатега делает мою страницу странной на iPhone5. Он просто заполняет половину ширины экрана. –

Я обновил тег meta viewport, чтобы включить начальный масштаб, возможно, это заставит его выглядеть правильно , В противном случае я добавил еще одно решение, которое может быть в порядке с –

Query для всех смартфонов в портретной ориентации

ответ

Смежные вопросы