Question

我几天前问过一个问题，但我认为我不够清楚，所以我会把它清理干净。首先让我给你看两张图片，你会看到我的问题是什么。这就是我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>

Answer 1

尝试这样的事情： -

<div class="main">
<div class="box size1">Div1 for rank information</div>
<div class="box size2">Div2 for center content</div>
<div class="box size1">Div3 for need help box</div>
</div>

css： -

.main
{
 width:100%;
}
.box 
{
 display:inline-block;
}
.size1 
{
 widht:20%;
}
.size2 
{
 widht:60%;
}

以百分比设置宽度

如何使图像保持原位，但它与浏览器或屏幕分辨率保持一致

1 个答案: