【发布时间】:2016-03-18 14:59:54
【问题描述】:
基本上,我制作了一个带有几个 div 和一个背景图片的小网页。当窗口大小调整为小于 500 像素宽时,媒体查询不起作用。但是在 Firefox + Opera + Edge + Explorer + 智能手机上。
我有 Google Chrome 47.0.2526.80(官方版本)m(32 位) 我的电脑是 64 位的,我目前正在下载 64 位以检查是否有问题。
这里是 pastebin pastebin.com/YgJv5MMA 这是屏幕截图 i.imgur.com/buTLjzp.png
更新:我未能下载 64 位 chrome。无论如何,我在Weird float rendering in Chrome when using media queries 和Weird float rendering in Chrome when using media queries 调整窗口大小和使用媒体查询时发现了以前的问题,这些问题指向 chrome 中的错误。
编辑发现问题。正在通过 Dropbox 链接 html 和 css 文件。我把这两个文件放在我的本地桌面上,现在当页面最小化到小于 500px 宽度时,媒体查询就可以工作了。所以我想我不会使用保管箱。感谢您为我调查此事。
【问题讨论】:
-
什么不完全有效。你能解释得更好吗。我为你创建了一个小提琴jsfiddle.net/fvz9nyyf
-
当窗口大小调整为小于 500 像素宽时,媒体查询不起作用。它适用于您展示的那个小提琴。但不是当我从记事本++ 启动完全相同的代码时。
-
那么这不是它不起作用的原因。你在页面的某个地方有一些额外的代码吗?
-
嘿,我检查了你的要求,页面上没有其他代码。但是我通过 Dropbox 链接了 html 和 css 文件。我把这两个文件放在我的本地桌面上,现在当页面最小化到小于 500px 宽度时,媒体查询就可以工作了。所以我想我不会使用保管箱。感谢您为我调查此问题。
标签: html css web media-queries