webkit變換比例製作項目消失

我想在我的HTML頁面中縮放div。這個div包含了很多畫布元素和其他div元素。基本上這個div充當頁面中所有其他項目的容器。使用Chrome「23.0.1271.95 m」和IOS6.0 safari，縮放後不會出現該div右側和底部的項目。如果我調整窗口大小（或更改iPad上的方向），div就會正確縮放，並且項目開始出現，但在一定大小後會再次消失。webkit變換比例製作項目消失

這用於與IOS 5.0和以前的chrome/safari版本正常工作。這是最新的webkit版本中的錯誤嗎？另外，是否有避免這種行爲的解決方法？

來源

2012-12-02 Chinmay Baid

有人遇到過這個問題嗎？ –

我面臨同樣的問題。在鉻（目前正在測試40.0.2214.38 beta-m），如果我使用transform：scale（），則會出現元素丟失。項目開始消失在規模（1） – matrixsmurfen

我已經得到了一個解決方案，但忘了更新這篇文章。發生這種情況是因爲通過chrome完成了圖層構圖。請添加translate3d（0px，0px，0px）;在變換字符串中。添加這將爲該項目創建一個新圖層，問題將被修復。 :) 閱讀更多關於層組成的信息：http://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome

來源

2014-12-17 04:51:51

webkit變換比例製作項目消失

回答

相關問題