css - CSS画面解像度

Question

私はウェブサイトを開発しています。具体的には、これはhttp://securitybreak.tkです。問題は、画面の解像度を調整すると、作成した解像度（1600x900）とはWebページの外観が大きく異なることです。私は次のような多くのことを試しました：

body{
width:100%;
}

しかし、それはうまくいかないようです！

前もって感謝します！

Answer 1

スケーリングするすべての要素に width プロパティを追加する必要があります。本体に追加せず、コンテナを作成してください。次に、その中のすべての div を見つけます。

読みやすくするために、ここにコードを追加しています。

<style>
    #container
    {
        width: 100%;
    }
    #left
    {
        width: 50%;
        background: #123456;
        float: left;
    }
    #right
    {
        width: 50%;
        background: #654321;
        float: left;
    }
</style>

<div id="container">
    <div id="left">Left</div>
    <div id="right">Right</div>
</div>

画面サイズを変更すると、要素のサイズもスムーズに変更されることに注意してください。