iPad / iPhone Safari div не использует полную ширину

Question

iPad / iPhone Safari div не использует полную ширину

0

Я создал шаблон сайта с разделителями, которые используются для фоновых изображений, которые должны заполнять всю ширину. Он работает на обычных веб-браузерах на Mac/PC, но не на iPad и iPhone Safari. Вот ссылка на шаблон:

http://www.ivo-fahrzeugtechnik.de/neu/template.html

Я ставлю красную рамку на ту часть, которую я имею в виду. Там вы можете видеть, что div не заполняет всю ширину. Это нормально? Как я могу это исправить? Я ничего не нашел об этой проблеме в Интернете.

hapablap 15 фев. 2014, в 20:37

Источник

Теги:

html

css

ios

3 ответа

Ещё вопросы

hapablap · Answer 1 · 2014-02-15T19-50-00.000Z

Ок, я нашел ту же проблему (пришлось искать "iOS", а не "iPad/iPhone"): iPad-фон для блоков div, не охватывающих всю ширину экрана

Моим решением было установить минимальную ширину тела и всех элементов, где от малого до 1024 пикселей!

Yordi · Answer 2 · 2014-02-15T17-38-00.000Z

Если вы не можете найти какое-либо решение, используйте javascript для динамического определения размера div:

(function(){
  $('yourdiv').css('width', $(window).width());
 })();

Это не самое красивое решение, но я надеюсь, что это сработает, сообщите мне, нужна ли вам дополнительная поддержка!

Это работает в обычных браузерах, но вызывает фиксированный размер div. Странно сказать, что это не работает на iPhone. Спасибо за ваши старания!

melvas · Answer 3 · 2014-02-15T16-40-00.000Z

Попробуйте использовать метатеги с видовым окном для устройств iOS, например:

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

Я думаю, это исправить вашу проблему.

К сожалению, это вызывает увеличение на iPhone, и затронутые div-ы еще меньше. Спасибо за ваши старания!