feat(cdk/drag-drop): X and Y as percentage values instead of px

### Feature Description

We are developing a mobile app in which users should be able to move elements back and forth in a certain area. The position of the elements should obviously be identical for every user. However, this does not work since each user has a different smartphone and therefore a different screen width, as cdk/drag-drop works with px values. One should be able to switch from px to % in order to ensure the correct position regardless of the screen resolution (or the width of the boundary element).

まず、X と Y の位置を保存して適用する cdk/drag-drop 実装を見つけ、既存のピクセルベースの動作とテストを確認します。パーセント値をどのように受け入れ、境界要素を基準に変換するかを定義します。異なる境界要素の幅でも位置の一貫性が保たれ、動作がテストでカバーされれば完了です。

索引モデルが issue の本文から書いたものです。