【问题标题】:CSS doesn't work, only on mobile 3G/4GCSS 不起作用,仅在移动 3G/4G 上有效
【发布时间】:2014-02-04 18:49:30
【问题描述】:

所以昨天我很快重建了我的个人网站,一切都运行良好。这是一个非常简单的网站,没有什么花哨的。我使用了 Twitter Bootstrap、LESS CSS 和一些 HTML5 视频。

但是,当我在手机 (Nexus 5) 上查看网站时,我发现我的手机浏览器 (Chrome) 只能部分理解 CSS/LESS。我已经尝试了几件事以使其正常工作,但我无法弄清楚为什么它只能部分工作。

编辑:如果我使用我的 WIFI 在移动设备上浏览网站,它可以完美运行。 编辑 2:如果我将移动设备上的 Chrome 设置为“查看桌面网站”,响应效果很好,CSS 效果也很好。但是我还是不知道怎么回事。

这是我在手机上看到的

这应该是http://bastienald.net/

我真的不知道出了什么问题

【问题讨论】:

  • 哇...基于连接的 css...从未听说过这个...+1 !! :)
  • 我也没有!我第一次看到这个问题。在做自己的网站时,我有多么幸运能见证这一点? :)
  • 我很确定它的一些编码错误......你能在小提琴中重现这个吗??
  • 我会尝试,我认为我必须对 CSS 文件的顺序做一些事情。我会尝试一些新的东西,如果它不起作用,我会尝试在 Fiddle 上实现它。但作为一个唯一的移动问题,我不认为我能够重现它。
  • 简单建议...将mobile-only css放在最后...因为调用css文件的顺序也很重要!! :)

标签: css mobile compilation less


【解决方案1】:

你在编译 LESS CSS 吗?

如果没有,可能是 Chrome 呈现的桌面能够很好地读取 LESS CSS,而移动设备则不能。

【讨论】:

  • 最后好像是缓存相关的问题。我已经在移动设备上切换到“查看桌面网站”,然后一切正常。因此我切换回“查看手机”,然后一切正常。之后我还清除了缓存。我目前正在发布我找到的答案。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-19
  • 2012-10-28
  • 1970-01-01
  • 2015-12-07
相关资源
最近更新 更多