尝试调试几个小时。我被要求修复一个真正有缺陷的“响应式”网站。我无法在安全网络上的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">
(再次)
答案 0 :(得分:0)
在一些帮助下,我能够解决问题。
问题与像素比率声明有关,但在CSS中没有,在缩小的Javascript ...
中消除这些不必要的js会使页面按预期加载。
核心课程:使用javascript实现功能,使用CSS进行设计和布局。