Web ページ全体を縮小するにはどうすればよいですか? _html/css_WEB-ITnose

コンテンツが画像とボタンである Web ページがあります。画像の高さとモバイル デバイスの画面の高さを決定し、画像が完全に表示されるように Web ページ全体を比例して縮小したいと考えています。画面上でこれを実現するにはどうすればよいですか?
画像の幅と高さを直接設定しても大丈夫です 画像の幅と高さを直接設定すると、スクリーンショットは選択した領域になりません。

ディスカッションに返信(解決策)

jsを使用してブラウザの高さと幅を計算し、jsを使用して画像の幅を設定してください

すべてのサイズを100%に設定してみてください

画像のパーセンテージ設定を使用するだけです。 。 。

CSS にはズーム機能がありませんか? ズーム

パーセンテージを使用するだけです

相対レイアウト、幅と高さを設定するためにパーセンテージを使用します

スクリーンショットを表示するために使用する関数はありますか?開始横座標、開始縦座標、幅、高さの 4 つのパラメータがあります。画像を画面いっぱいに表示したい場合は、まずそれがワイド画像であるかトール画像であるかを決定します。画像の下にトリミングボタンがあるため、横長の画像の場合はラベルに width=100% を使用し、縦長の画像の場合はラベルに width=90% を使用します。次に、スクリーンショット関数に渡される 4 つのパラメーターを調整するだけです。