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

时间:2014-06-05 16:28:48

标签: css responsive-design

尝试调试几个小时。我被要求修复一个真正有缺陷的“响应式”网站。我无法在安全网络上的localhost上共享实际代码b / c。希望你可能会看到一些灯泡从我的描述中消失了。

问题,我们有@media(max-width:800px),它会停止影响600px宽的页面元素。

另一个例子,我设置html{ max-width:1200px}但是为了使浏览器实际适合我的1200像素浏览器窗口,我必须将其设置为2250px。

我的问题是,这对任何人来说都响了吗?我正在浏览所有的CSS,并没有看到任何立即看起来像问题的东西。这些家伙真的打破了响应式设计.. bleh

谢谢..

修改

这是适用的元标记

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

......一堆垃圾......

<meta name="viewport" content="width=device-width, initial-scale=1">(再次)

1 个答案:

答案 0 :(得分:0)

在一些帮助下,我能够解决问题。

问题与像素比率声明有关,但在CSS中没有,在缩小的Javascript ...

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

核心课程:使用javascript实现功能,使用CSS进行设计和布局。