css - ブラウザや画面の解像度に合わせて画像を固定する方法を教えてください。

Question

数日前に質問をしましたが、十分に明確ではないと思うので、明確にします。最初に 2 つの画像を表示させてください。私の問題が何であるかがわかります。これは私にはhttp://puu.sh/2NrEi.jpgのように見えますが、画面解像度が異なる人やブラウザーをズームインしている人には、これが表示されますhttp://puu.sh/2NrED.jpgわかりませんこれが起こらないようにする方法。

これが私のコードの一部です。（私はCSSが完全に苦手です）

 <style>
    #div1 {
    position: absolute;
        left: 542px;
    top: 432px;
    }
    #div3 {
    position: absolute;
        left: 264px;
    top: 433px;
    }
    #div4 {
    position: absolute;
    left: 1045px;
    top: 432px;
    }
    #div5 {
    position: absolute;
    left: 313px;
    top: 566px;
    }
    #divl {
    position: absolute;
        left: 542px;
    top: 460px;
    }
        </style>