Css 响应性设计，视口问题

我的网站上的响应性设计有问题。问题是，当页面加载时，我可以看到手机的外观，但它被缩小了。我认为这是一个问题，我的网页有一些元素设置的宽度为一些大的数字。正因为如此，我在屏幕右侧有一个水平滑块和一个大的空白白色区域

有没有办法解决这个问题

网站位于

我在header.php头部使用了viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

另外，当我在FirefoxforAndroid中打开页面时，许多css规则都不适用。Opera、Chrome、Maxton都可以正常工作，但firefox很混乱。有什么线索吗

---

很多很多thx

在源代码中，有一个元素具有宽度为1041px的内联样式。一旦你删除，你的网站是好的。它是页脚中的最后一个元素

<div style="height:8px; width:1041px; background:#fff; position: relative; float:left;"></div>

---

现在一切都好了，从以前的网站遗留下来的。。。。还有一件事，你可能知道为什么firefox，当在PC上缩小移动视图模拟或在firefox for android中打开时，不应用@media和max width:520px示例中的css代码。Chrome工作于Thx！你是说上面的导航栏？如果这是问题所在，请在第465行更改宽度：1064px；最大宽度：100%；

<div style="height:8px; width:1041px; background:#fff; position: relative; float:left;"></div>