Html 我怎样才能使这个响应迅速的网站在整个屏幕上都能显示？

我有一个网站，这是给我一个网站不适合屏幕宽度吨麻烦。我尝试更改视口元标记，但似乎没有任何操作正常。我在下面的链接中包含了一个截图。你可以在iPhone的右边看到巨大的空白。请在我被难倒的时候感谢任何帮助

---

您还没有发布任何代码供我们查看，但您应该有一个包含所有其他内容的“包装器”元素。如果它是一个div，那么包装器将拉伸到视口宽度的100%。包装器中的子元素也需要响应。

我从您的屏幕截图中获得了URL。在“团体健身”部分，您有一个宽度为649px的嵌入式图像

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

“data filename=“IMG_3105.JPG”>

---

您应该从img标记中删除样式，或者将其设置为%。

感谢前面的回答，我查看了您的live站点源代码。在重复创建错误之后

<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>

---

你能给出一些css和html代码吗？这太难了，没有任何代码或例子，很难知道这里有什么问题。

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