什麼是更好的性能「transform:scale(X)
」(如果通過腳本使用window.resize
)或width/height:X%
?性能「變換:比例(..)」還是「寬度/高度:x%」?
-4
A
回答
0
如果你可以使用width
和height
那麼你應該支持對他們來說更好。
它們實際上也做了不同的事情,變換比例保持原始元素在頁面流中的位置,只有元素的視覺效果縮放。它也從中心擴展而不是從底部/右側角落。
性能差異很小,它們都只是在屏幕上繪製矩形。 transform
可能會稍微慢一些,因爲它會對頁面的流動產生怎樣的影響,但差異很小。不值得擔心的事情。
-1
純CSS總是好多了,所以用百分比表示的寬度/高度就是答案...
+3
兩者都是純粹的CSS – 2013-03-23 14:11:02
+0
不是。它不是答案。也許你沒有讀過問題? – 2013-03-23 14:14:25
相關問題
- 1. ImageView比例和寬度/高度變化
- 2. ViewController(寬度和高度)比例
- 3. 背景填充寬度,比例高度
- 4. 將圖像保存爲120高度x比例寬度 - VB
- 5. 響應divs保持相等的寬度x高度比例?
- 6. Imagemagick:轉換爲固定寬度,比例高度
- 7. Imagemagick:轉換爲固定高度,比例寬度
- 8. IE8不保留寬高比時僅寬度或高度改變
- 9. 變換後的寬度/高度
- 10. 調整上傳寬度並保持高度比例成正比
- 11. 將WPF寬度/高度轉換爲VB 6寬度/高度
- 12. 變化寬度/高度
- 13. 媒體查詢中的最大寬度是使用寬度還是高度?
- 14. for循環工作寬度X高度,但不是高度X寬度爲BMP圖像
- 15. 變換寬度
- 16. 包含內部響應DIV的比例圖像比例(寬度和高度)
- 17. 寬度和高度百分比CSS IE8
- 18. css百分比高度和寬度
- 19. 動態的UILabel帶比例寬度和文本驅動高度
- 20. 保持比例寬度和高度的元素
- 21. SVG高度和寬度縮放不成比例
- 22. 將寬度/高度設置爲與xaml成比例?
- 23. 使圖像100%的高度,但成比例的寬度
- 24. 如何創建成比例的圖像高度/寬度
- 25. HTML5視頻具有固定高度,但比例寬度爲100%
- 26. 找到固定寬度的UIImage的比例高度iphone
- 27. img src標籤中的寬度高度和作物比例
- 28. 相應的填充寬度和比例高度ImageView Android
- 29. 窗口寬度/高度上的div比例
- 30. 100%寬度圖像,與最小高度保持比例
我知道他們在做什麼。問題是 - 什麼有更好的表現。 – 2013-03-23 13:25:58