ボタンをクリックすると、ホイールが<div>
の要素を持つページがあります。CSSトランスフォームまたはjavascriptを使用して、親に合わせて要素を拡大/縮小します。
私は、本質的に絶対的なCSS変換を使用してこの効果を達成します。しかし、ホイールは非常に大きいです、私のHDディスプレイ上でいいように見えますが、画面が小さくなるとエッジが途切れてしまいます。私は通常のレイアウトでできるように%幅を使用することはできませんが、私が必要とするのは、ほとんどのブラウザズーム機能が動作するのと同じ方法でページ全体を縮小することです。
私自身、私はページ全体を見ることができるようにctr + mouseWheelがページをズームアウトすることを知っていますが、他の人がこれをすることは期待できません。
私は、私が望む効果を得るためにラッパーdivに-browser-transform: scale(amt);
を使用できますが、私はそれを動的に行う方法を見つけられません。スケールを.5に設定すると、スクリーンに関係なく.5になります。私はホイールのエッジを、画面の端から数ピクセルにする必要があります。私は、問題を解決するためにメディアクエリを使用することができることを知っていますが、理想的ではない結果を出すか、あまりにも多くの異なるクエリを必要とします。プログラムによって-browser-transform: scale(amt);
を変更する方法、または有限の制御を持つ他の方法が必要です。
どのような考えですか?
まあ、私はこれにタンブルウィードを手に入れました。誰も手がかりを得ていませんか? – zeel
ホイールの(一部)の絶対的なサイズはありますか?これは、小さな+実例を質問に追加すると役立ちます。コードがどのように見えるか想像するのは少し難しいです。 - どのような場合でも、私はそれを読んでいる方法、あなたは固定されたホイールのサイズと固定(しかし、正面の前に)ブラウザのサイズを持っている場合は、スケールを決定するためにJavaScriptが必要になります。 – Jeroen
あなたはビューポートのサイズに基づいて 'amt'を計算したいと言っていますか? –