Как избавиться от белого правого поля на iPhone Safari для веб-сайта?

Question

Я преобразовал существующую тему сайта (которую я не создавал) в адаптивную тему для поддержки мобильных устройств.Это сайт Drupal 6, если это имеет значение.

Я получаю небольшое правое белое поле на большинстве внутренних страниц, и я не могу найти виновника.Я попытался установить ширину тела на 100%, установить overflow-x скрытым на теге body и выделить все div в красном, чтобы найти виновника.

Вам известны какие-либо причиныполе для мобильного Safari?

Просмотр настроек порта:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

Правое поле не для полосы прокрутки, так как это поле отличается от сайтов, которые соответствуют прямо как cnn.com

Пример внутренней страницы:

http://nano.omnidev3.com/nanotech-101

(Попытка избежать индекса Google. Этот демонстрационный сайт не под моим контролем, поэтому я не могу применить нормальные меры, которые ябудет правильно предотвращать индексацию сценического сайта.)

Answer 1

Прошу прощения за это, но это один из отвратительных HTML.20+ CSS включает в себя, 10+ javascripts, вложенные 10 уровней глубины ...

В любом случае, если (логическая) ширина устройства составляет 320 пикселей (то есть всех iPhone), то выполните следующее:

<iframe src="http://meltwaternews.com/magenta/xml/html/93/2/v2_371253.html"
    width="343" height="450" scrolling="no" frameborder="0"
    allowtransparency="true" style="overflow-x: hidden;">

сделает страницу шириной 343 пикселя, придав белый край.Ничего особенного.

Попробуйте установить его на 320px или 100%.