网站在移动浏览器中看起来不正确 [英] Site doesn't look right in mobile browser

问题描述

我正在建立一个网站，当我在移动浏览器中加载网站，一些元素被推到左边留下一个丑陋的白色空间在右侧：

I'm building a site right now and when I load up the site on a mobile browser, some of the elements get pushed to the left leaving an ugly white space on the right:

我的猜测是，大的米色矩形（直接在导航下面）的宽度大于它下面的包装。注意：矩形不包含在包装器中。但是，我已经尝试了几种不同的方法，我仍然得到了正确的白色空间。

My guess is that the large beige rectangle (directly below the nav) has a width that is larger than the wrapper below it. Note: the rectangle is not contained within a wrapper. However, I have tried a few different methods and I still get that white space on the right.

我能帮助我指出哪里我错了吗？

Can someone me help point out where I went wrong?

推荐答案

视口元标记在过去解决了这种问题，请尝试将其添加到您的HTML标题：

The viewport meta tag has resolved this kind of issue for me in the past, try adding this to your HTML header:

<meta name="viewport" content="width=device-width">

这篇关于网站在移动浏览器中看起来不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！