fixed属性的兼容性问题

2014年10月8日21:49:00 6 3,071

原本以为主题优化后感觉挺喜欢,这几天一直都拿自己的手机和平板做测试,谁知道昨晚拿别人的手机打开一看,惊呆了!这完全变了样,难道是缓存?别人手机。。。不可能,我继续刷新,还是老样子,好吧,难道是手机浏览器问题?OK,我下载了一个chrome浏览器,再打开看一下,现在终于可以了,可是往下一滑,那个“郑永博客”四个字一直在那边跳霹雳舞!我晕,这会这样,我的手机和平板没这问题啊!!难道是手机太普通,显示质量太差?

OK,我又借了一个韩国a850的试试,自带浏览器打开一看,导航显示3个圈圈,居然没有背景图!这。。肯定浏览器的问题吧,继续,我又下载了手机 chrome 浏览器,打开一看,这下显示又正常了,但是上下滑动,居然看到导航顶部和屏幕边缘有缝隙,可以看到背景在变色。。。我。。无语!

再试一个手机,打开一看,顶部菜单完全没有隐藏我所隐藏的内容。。。。真无语了!估计那段判断mobile的语句对它没有任何作用。

浏览器各种版本就算了,郁闷的是chrome在各个手机的显示效果也有差异,真够郁闷!

那个兼容性在哪里。。。还真没去考虑,大伙,帮忙测试一下,谢谢!

ps: 刚去修复了一下, 把 fixed 浮动的都去掉了,这css代码不兼容ie的浏览器。  另外关于不能隐藏层,是因为class 层下还有id更高级别的层,于是高端浏览器能识别,IE就不行,这也是我这样新手常犯的错误,直接给加上一个id的层,然后隐藏之,OK, 浮动的话,我个人也不推荐了,的确挺烦的,要真像浮动,也推荐用js来。 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:6   其中:访客  4   博主  2

    • 似水流年 3
      Google Chrome 30 Windows XP

      第一次沙发了

      • 郑永 Admin
        Google Chrome 37 Android 4.4.2

        我表示不止一次了,呵呵

        • 路易大叔 7
          Firefox 32 Android

          Firefox下面还是很好的啊,只能说明浏览器不行

          • Eric_plus 2
            Google Chrome 34 Windows 7

            迟点换个opera测试一下

            • zwwooooo 9
              Firefox 32 Windows 8.1

              应该是没写好吧,又不是用 background-attachment:fixed,这个是手机端不支持(因为耗资源)

                • 郑永 Admin
                  Google Chrome 38 Windows XP

                  你说的没错,是没写好,同样推侧边栏实现的时候,里面也是用fixed,这回一般的浏览器也支持,说明上次没写好。

                  @zwwooooo