好的,我有一个非常严重的问题,我以前从未遇到过。我甚至无法弄清楚这个问题。
我创建了一个流畅且反应灵敏的网站。我通常首先在Chrome上制作我的网站,然后在IE和Firefox中修复问题,以及其他浏览器。
我的网站在Chrome上功能齐全。我可以看到它响应浏览器宽度的变化。但是当网站完成时,是时候转向检查其他浏览器上的问题了。我很震惊地发现除Chrome之外的任何浏览器都没有响应。
任何帮助都将不胜感激。
您可以访问网站http://demos.affixy.com/travelagents/
我很遗憾忘记包含演示网站的链接。
答案 0 :(得分:1)
@media ((max-width: 1024px) {
和@media ((max-width: 1024px) {
应更改为@media (max-width: 1024px) {
和@media (max-width: 1024px) {
。当我删除那些额外的括号时,它有效。
答案 1 :(得分:0)
基于有限信息的可能性......
您的CSS中有两个iPad媒体查询声明,一个用于纵向,一个用于横向,但媒体查询的值相同。尽管如此,媒体查询都有一个错字:
你有:@media ((max-width: 1024px) {
应该是:@media (max-width: 1024px) {
这些是在style.css的第612和675行
可能是好人Chrome正在检测您的错误并为您修复错误,其他浏览器正在检测错误并且错误。错误输出。