【发布时间】:2012-08-11 08:31:55
【问题描述】:
我正在使用 jQuery Isotope (here) 创建一个基于网格的博客布局,正在现场测试 here。该站点在非 webkit 浏览器中完美运行(在 IE、Firefox 和 Opera 中测试),但在 webkit 浏览器中存在一些问题。 Safari 遭受的损失最为严重:它不会呈现网站的标题,并且放大和缩小页面似乎会导致某种崩溃。 Chrome有一个小得多的问题,放大和缩小页面会增加或减少块之间的垂直间距,而缩小会导致块之间的重叠。我已经在使用 (window).load 函数,并且正在使用 imagesloaded(Isotope 网站上已经提到的两种解决方案)。任何有助于我解决这些问题的建议将不胜感激!非常感谢。
【问题讨论】:
-
在 Safari 5.0.6 OSX 中,标题显示并且 Isotope 元素可以正常移动 - 当使用 cmd 缩小视图时 - 可能与 Isotope 中的 CSS 过渡有关,或者您是实现同位素的中心砌体布局模式,或者你也在使用 imagesLoaded 插件的事实。也许首先尝试让一个准系统的 Centered Masonry 版本工作,然后添加您的标题逻辑,然后是这个,然后是那个 - 以隔离问题的开始位置。它在 iPhone 和 iPad 上也完全搞砸了。
标签: jquery google-chrome webkit jquery-isotope