要素ダイアログ要素のレベルと位置に対するスケーリング変換の使用の影響について

http://t.csdn.cn/Q4Bxr http://t.csdn.cn/Q4Bxr

前回の記事の由来はページを拡大する方法に基づいています。

その後、3840 ピクセルのページを 1920 ピクセルに縮小する必要が生じました。この操作が依然としてダイアログの位置に影響を与えることがわかりました。ズームの原点が正しくありません。つまり、ページの中心を拡大する場合は中心 0 を選択し、ページの中心を拡大する場合は中心 0 を選択します。ズームアウトすると、期待する効果が得られません。

解決:

1. 変換元の x オフセットを動的に計算します: (3840-3324)/2/3840 パーセンテージを計算します。

2. ダイアログのデフォルトの配置方法は固定されており、フレックスに変更すると自動的に中央に配置されます。

ただし、スケーリングはフレックス レイアウト ボックスにも影響します。スケーリングするとボックスの幅は無効になります。このとき、次のプロパティを設定する必要があります。

flex: 0 0 3324px; ボックスの初期幅を設定します。

おすすめ

転載: blog.csdn.net/qq_26311665/article/details/129444038