求教这里的前端同学,我的博客安装个了主题,但有人反映打开时候浏览器会变的很卡(拉动滚动条时候基本无响应)

2012-06-16 20:59:47 +08:00
 chairo
主题安装的是:http://typecho.me/456.html 这个

我的博客:http://www.au92.com/

我也找到了这个主题的wordpress原型:http://wpthemes.jayj.dk/html5/

我自己电脑和公司电脑打开均不会卡,求教各位前端大牛,这个浏览器会变卡是什么原因造成的?

我让一个朋友测试了:win7 firefox环境她说是会很卡,让朋友禁用js依然卡,禁用css则正常了。我看了下css里用了很多css3的东西,但这个怎么可能造成浏览器无法滚动呢?

这个主题看起来很舒服,所以俺希望找找原因然后改善一下。
3172 次点击
所在节点    问与答
10 条回复
TONYHEAD
2012-06-16 21:15:12 +08:00
Win7 + Firefox 12各种卡顿,但Chrome很正常。
chairo
2012-06-16 21:21:16 +08:00
俺朋友也是win7 firefox12,但我的win7 firefox13就正常,ie9也正常

公司的xp sp3 ie8 firefox13均正常。但真心看不懂是什么原因造成的…难道是出在ff12这个版本上?
benzhe
2012-06-16 21:40:57 +08:00
我的是 win7 32位 + firefox13 ,卡顿。
Firebug 真心不好用
benzhe
2012-06-16 21:55:10 +08:00
找到问题所在,CSS 样式 style.min.css
body 中的 background-size: 16px 16px;
去掉就好了

原因不清楚,应该是 bug
gucheen
2012-06-16 22:32:53 +08:00
应该是CSS3 的支持问题吧
cst4you
2012-06-16 22:42:56 +08:00
它那个背景是一个css3渐变生成的斜纹, 大面积覆盖引起firefox性能问题
Keinez
2012-06-16 22:43:42 +08:00
@cst4you +1,看到16px 16px就觉得会有问题。建议用png平铺替换背景
benzhe
2012-06-16 23:20:53 +08:00
@cst4you @Keinez background-size 是标准写法,其它浏览器都没遇到这种情况。找了一下很多人表示的确是 firefox 对 background-size 兼容有问题,比如 http://davidwalsh.name/background-size#comment-27262

建议 LZ 用代替图片解决
cst4you
2012-06-17 00:05:59 +08:00
@benzhe 原来是这样...
chairo
2012-06-17 00:19:41 +08:00
非常感谢:)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/39681

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX