Как сделать этот отзывчивый сайт растянутым по всему экрану?

Question

У меня есть веб-сайт, который дает мне массу проблем с сайтом, не соответствующим ширине экрана. Я попытался изменить метатег просмотра, но ничего не работает. Я включил скриншот по приведенной ниже ссылке. Вы можете увидеть огромный запас на правой стороне iPhone. Пожалуйста, любая помощь приветствуется, поскольку я в тупике!

Link to screenshot

Answer 1

Вы не писал никакого кода для нас, чтобы посмотреть, но вы должны иметь элемент «обертку», который содержит все остальное содержание. Эта оболочка, если бы это был div, растянулась до 100% ширины видового экрана. Детальные элементы в обертке также должны быть отзывчивыми.

Answer 2

У меня есть URL-адрес с вашего экрана. В разделе «Группа» Фитнес у вас есть встроенное изображение с шириной 649px:

<img style="width: 649px;" src="<massive data removed...>" data-filename="IMG_3105.JPG"> 

Вы должны удалить стиль из этого тега IMG, или установить его на%.

Answer 3

Благодаря предыдущему ответу, я просмотрел исходный код вашего сайта. После повторения   с созданием ошибки.

<h2> 
    <span style="font-weight: normal;"> 
     <span>INSANITY LIVE<br> 
      <font color="#efefef" style="background-color: inherit;">Monday&nbsp;6:00pm</font> 
     </span> 
     <font color="#efefef" style="background-color: inherit;"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br> 
     Wednesday 6:00am 
     </font> 
    </span> 
</h2> 

Если эти лишние символы динамичны, быстро исправить с @media будет

font[style^=background] { display: inline-block;}