1.功能: js實現(xiàn)瀑布流布局,并能滾動加載新圖片
- bug:在safari中滾到底部后,新添加的子盒子高度不正確,始終為55px,造成元素重疊,而用Chrome瀏覽器則沒有這個問題
QQ20150526-4@2x.png
1.查看控制臺輸出后,發(fā)現(xiàn)safari中新加載的圖片js中得到的高度全是55px,重啟幾次不能解決.
2.網(wǎng)上找到示例程序,safari打開運行正常;將示例程序的代碼復(fù)制到我自己的項目中,卻仍然有重疊!!!!明明是一模一樣的代碼,卻有兩種結(jié)果.......
3.開始向朋友救助,描述Bug時,從finder中打開自己寫的網(wǎng)頁,竟然正常了!!!!
QQ20150526-1@2x.png
4.嘗試從webStorm中運行自己的網(wǎng)頁到safari上,又發(fā)生重疊了....
QQ20150526-0@2x.png
- 最后:考慮到網(wǎng)頁的特殊性,一定要多試幾個瀏覽器,而且要嘗試直接運行網(wǎng)頁,而不是通過webStorm再調(diào)用瀏覽器打開網(wǎng)頁.
- 解決方案:無解...盡量避免通過webStorm再調(diào)用瀏覽器打開網(wǎng)頁.
