У меня проблемы с адаптивным дизайном на моем iPhone 6. На рабочем столе css работает, медиа-запрос кажется правильным, но когда я помещаю его на сервер и фактически тестирую на своем телефоне, как будто ничего не произошло.
Я уже использовал метатег, и это помогло ему перейти в макет телефона, но текст, img и кнопка не на месте.
Мой CSS:
@media only screen and (max-width: 308px) and (orientation: portrait) {
.jumbotron h2 {
bottom: 3em;
}
.jumbotron img {
bottom: -5em;
}
.jumbotron button {
bottom: -1em;
}
}