ページの拡大縮小に合わせて

Question

サイトをデザインしてコーディング中なのですが、ページの拡大縮小に合わせて作ったサイト全体も拡大縮小する方法がうまくいきません。
width１０００pxを下に作成したので、それ以上になった場合はサイト全体を比率変わらず拡大させたいです。
１０００以下に６００pxまでは縮小させたいです。（６００以下はレスポンシブ対応にする予定です）

調べると画像の拡大縮小は出てくるのですがページ全体がわかりません。（または<div>ごと）

各画像やdivごとに設定しなければならないのでしょうか？
よろしくお願いします。

Comments

[m.ts10806]

現在のコードをマークダウンのcode機能にてご提示ください

[Lhankor_Mhy]

うまくいかないコードをご提示ください。

ソースコードを書きましょう
https://teratail.com/help/question-tips#questionTips3-5-1

期待した処理結果を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-3

結果（実際に起きたこと）を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-1

Answer 1

具体的なコードをいただけていませんので一般論で書きます。
CSSをvw単位で書くのがいいと思います。
パーセンテージなどで代用することも可能ですが、CSSにおけるパーセンテージはなかなか厄介な存在なので、盲目的に使っているとハマる可能性があります。お気を付けください。