【问题标题】:div background and media query wont work on chrome, but does on firefox + edge + opera + smartphonediv 背景和媒体查询在 chrome 上不起作用,但在 firefox + edge + Opera + 智能手机上起作用
【发布时间】: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 queriesWeird 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


【解决方案1】:

嘿,我检查了你的要求,页面上没有其他代码。但是我通过 Dropbox 链接了 html 和 css 文件。我把这两个文件放在我的本地桌面上,现在当页面最小化到小于 500px 宽度时,媒体查询就可以工作了。所以我想我不会使用保管箱。感谢您为我调查此事。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-09-29
    • 1970-01-01
    • 2013-04-11
    • 1970-01-01
    • 1970-01-01
    • 2019-02-14
    • 2016-03-17
    • 1970-01-01
    相关资源
    最近更新 更多