CSS媒体查询与设置宽度不匹配的像素

我已经试着调试了几个小时了。我被要求修复一个“有响应性”的网站，它确实有问题。我无法共享实际代码b/c，它都在安全网络上的本地主机上。希望你能看到我描述中的灯泡熄灭的东西

问题是，我们有@media（最大宽度：800px），它停止影响600px左右的页面元素

另一个例子是，我设置了

html{max width:1200px}

，但为了使浏览器真正适合我的1200像素浏览器窗口，我必须将其设置为2250px

我的问题是，这是否给任何人敲响了警钟？我正在浏览所有的CSS，没有看到任何立即看起来像问题的东西。这些家伙真的打破了反应灵敏的设计。。呜呜

谢谢

编辑

下面是适用的元标记

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">

。。。一堆垃圾

---

（再次）

在一些帮助下，我解决了这个问题

这个问题和像素比例声明有关，但不是在CSS中，而是在缩小的Javascript中

消除这种不必要的js使页面按预期加载

---

核心课程：使用javascript实现功能，使用CSS实现设计和布局

看起来这和像素比例有关。通常这是为视网膜显示器实现的。代码里有类似的东西吗？像

-webkit pixel ratio

中的

媒体查询

？我在CSS中没有看到类似的东西-搜索了所有CSS文件并找到了一些像素比率：2，但它们被注释掉了。我用来解决问题的媒体查询是超级简单的“最大宽度”。不检查方向、设备等。可能它嵌入在HTML或其他文件中的某个位置？此外，当视口的宽度为600px时，开发工具中显示了关于800px媒体查询的内容？在626px的宽度下，我从这个媒体查询中毕业（正如Chrome所看到的）media=“screen”@media（最大宽度：835px）。我尝试了一次搜索全部（chrome中的ctrl+f），发现4次提到“像素比率”，但还没有找到任何声明像素比率的内容。我会继续找的，谢谢。找到了。它在js中，一开始就不应该用于响应性布局。哎呀。谢谢如果没有你的像素比例建议，就找不到它。。不是我的大脑所在的地方：）