Я создаю отзывчивый веб-сайт и разработал его, чтобы он выглядел корректно для рабочего стола.Запрос на мультимедиа для множественной высоты и ширины
В настоящее время я настраиваю его на отзывчивые точки останова/медиа-запросы.
Вот проблема, которую я хотел бы руководство по:
Из моего понимания, я видел, что люди используют только ширину для своих точек останова. В этом случае я сделал то же самое и делаю это хорошо на всех точках разрыва ширины.
Однако мне довелось тестировать с помощью инструмента Google Chrome для разработчиков и начали выбирать конкретных устройств (Iphone 5, Iphone 6, iphone 6 плюс, IPAD и т.д.)
И заметил, что-то тревожное, что было то, что элементы выталкивались с экрана вертикально вверху и внизу, потому что каждое из этих устройств не только имеет разную ширину, но и HEIGHTS.
Таким образом, перфекционист в моем мышлении задает настройку медиа-запроса как по высоте, так и по ширине для каждого основного устройства, но я понимаю, что эта работа, хотя и может быть выполнена, может быть не самой эффективной, и я не видел другие учебники делают это.
Мой конкретный вопрос: если есть более эффективный способ разработки адаптивного сайта без элементов, выходящих из экрана по вертикали.
Добавлена информация: У меня есть DIV, который содержит IMG, то h1 ниже его, а затем самозагрузки строку с COL-SM-6
Ширина IMG находится в рх (я экспериментировал с Vh/VW и %, но это, казалось, затрудняло управление при масштабировании)
a72, этот вопрос уже здесь ответил. Http://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height –
прочитайте этот вопрос и ответите, и вы найдете решение ты ищешь. –
@leothelion Leo, спасибо за комментарий, но вопрос, который у меня есть, - это «не можете ли вы это сделать». Мой вопрос: «Должен ли я это делать». Просто потому, что я могу что-то сделать, это не значит, что я должен это делать. – a72