闻心阁

一蓑烟雨看苍生,半壶浊酒笑红尘

搞定wordpress主题不同浏览器错位问题

2011-06-08 约 1 分钟读完 搬砖秘籍

首先说明写这篇文章不代表我懂CSS,不代表我会WEB,我只是不喜欢难看罢了。但是面对着目前市面上IE全家,火狐,Google Chrome,Safari,Opra以及各种IE内核浏览器,实在让我对小博客的主题感到力不从心,于是我这个代码盲开始修改主题的不归路~

侧边栏错位问题

在我的世界之窗(用了很久了,不舍得放弃)中,我的搜索框会和搜索两个字错位,就是搜索两个字跑到框的下面一行了,这个很简单了,凭我的直觉应该是CSS中设置的宽度不够,于是用google浏览器在审查元素中找到了那个with选项,本来是250(看来ie歧视250),于是修改成251,问题解决。

菜单栏错位问题

这也是一个很搞笑的问题,用ie内核浏览器(除ie9),会发现我的菜单栏挤在一起,并且高度也不一样,思路跟上面的一样,于是在CSS中调了菜单框的间距,但是问题依旧。后来再仔细观察了一下,好像只有英文的会出现问题,而中文就没有问题。不会吧,这么SB的问题IE也有?抱着试试看的态度搞了一下,我了个去,问题解决了。
最后,我分别在IE6.0,IE7.0,IE8.0,IE9.0,世界之窗,360,搜狗,腾讯TT,火狐,Chrome,Safari,Opera,枫树,傲游浏览器下测试了我的主题,发现了几个个存在的问题
1.Chrome,Safari的显示效果最好,并且Safari的加载速度最快!

2.非IE内核的浏览器表现很好

3.IE6.0还是错位,不支持(后来去看了我的这个主题原版作者的博客,他也在FUCK IE全家)

4.其他的都凑合能看吧

很久没有唠叨关于我的wordpress的问题了,因为我曾经做过一个决定,具体见这里,但是最近我也找了一个学长,跟他学习WEB开发,或许这也不算违约吧,呵呵~