Адаптивный не работает на iPhone

Я пытаюсь создать адаптивный веб-сайт, и почти готово, все в порядке во всех браузерах, на экране изменения размера браузера, на мобильном устройстве Android, но не лучше на iPhone. Собственно на айфоне 90% сделано, но баннер урезан.

Может ли кто-нибудь дать мне представление о том, что не так.

Адрес сайта: http://www.ads.eleman.ch/

Скриншот:

Адаптивный не работает на iPhone

пожалуйста, добавьте также свои css и HTML-разметку.

Rajan Benipuri 13.03.2018 05:14

В нем много кода, поэтому я поделился ссылкой на веб-сайте, вы можете увидеть ее здесь.

AB Siddik 13.03.2018 05:21

Попробуй добавить iframe{width: 100%;}.

Anzil khaN 13.03.2018 05:23

Уже есть это

AB Siddik 13.03.2018 05:45

Я думаю, что он работает нормально. Очистите историю и обновите страницу ...

Sarvan Kumar 13.03.2018 06:11

Вы проверяете физический iPhone, или изменение размера экрана, или инструменты?

AB Siddik 13.03.2018 06:18
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
6
221
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Просто удалите эту строку кода в своем CSS:

Это исправит ваш баннер.

Вот скриншот с Iphone 5.

У вас есть айфон и проверяется ли с айфона?

AB Siddik 13.03.2018 09:24

Проверял на смоделированном айфоне. У меня нет возможности изменить ваш источник во время проверки на реальном устройстве.

Tim Gerhard 13.03.2018 09:33

Мне удалили строку, можете проверить сейчас?

AB Siddik 13.03.2018 09:35

Хорошо смотрится на Iphone 4, Iphone 5, Iphone 6, Iphone 7 и Iphone 8. Извините, Iphone X нет, но я предполагаю, что он тоже работает.

Tim Gerhard 13.03.2018 09:45

Вы проверены с физического устройства? Если да, не могли бы вы прислать мне скриншот?

AB Siddik 13.03.2018 10:00

Я добавил скриншот для демонстрации.

Tim Gerhard 13.03.2018 10:14

Не забудьте отметить мой ответ как решение, если результат вас устраивает.

Tim Gerhard 13.03.2018 10:42

Позвольте нам продолжить обсуждение в чате.

AB Siddik 13.03.2018 15:09

Другие вопросы по теме