DIV ディスプレイをさまざまな解像度に適応させるにはどうすればよいですか? _html/css_WEB-ITnose

最近、Web サイトのプロジェクトに取り組みましたが、解像度が異なると表示が異なります。DIV 表示を異なる解像度で同じ効果を与える方法はあるのでしょうか。アドバイスをいただけますか？

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

同じ効果~~~
この要件は曖昧すぎます

一般に、すべては相対的な位置とパーセント値によって制御されます
正確な制御が必要なのは外部コンテナだけです

私のcurrent DIV は次のように表示されました
#schoolnews-04 {
位置:absolute;
width:242px;
height:45px;

#schoolnews-05 {
位置:absolute; : 372px;
上:278px;
高さ:87px; どう変更すればよいですか?

レスポンシブレイアウトを試してみることができます

相対的な配置 パーセンテージが向上します

パーセンテージサイズ

メディアクエリ

js 計算

すべてが要件を満たすことができるはずです

パーセンテージ。または、screenwidth screenheight を使用して解像度を取得し、対応する div の高さと幅を設定します。 ずれがある場合は、CSS が設定されていない可能性があります。