如何让这个响应式网站在整个屏幕上延伸？

-1

我有一个网站给我带来了不适合屏幕宽度的网站的麻烦。我试图改变视口元标记，但似乎没有任何工作正常。我在下面的链接中添加了截图。您可以在iPhone的右侧看到巨大的余量。当我被绊倒的时候，请给予任何帮助！如何让这个响应式网站在整个屏幕上延伸？

Link to screenshot

来源

2016-02-11 Mike Barbaro

您能否给一些CSS和HTML代码？这种方式太难了 –

没有任何代码或例子，很难知道问题出在哪里。 –

您还没有发布让我们看任何代码，但你应该有一个包含所有其他内容“包装”的元素。这个包装器，如果它是一个div，可以延伸到视口宽度的100％。包装中的子元素也需要响应。

来源

2016-02-11 00:35:17

我从您的屏幕截图中获取了网址。在“组健身”部分中，您有宽度的嵌入式图像：649px

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

你应该从img标签删除样式，或将其设置为％。

来源

2016-02-11 00:53:55 Ricci

感谢之前的回答，我查看了您的实时网站源代码。重复以下步骤 创建错误。

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

来源

2016-02-11 03:18:10 CreativeCreate

如何让这个响应式网站在整个屏幕上延伸？

回答

相关问题