Html 调整浏览器大小

我用html/css代码创建了一个网站。问题是，当我在另一台计算机上运行它时，网站（DIVs）的细节会变得混乱。我如何安排网站的细节是固定的，这样细节的定位就不会改变

CSS

HTML

联合建筑与全球画家有限公司版权所有，2014年。

我认为您的问题在于如何将包装设置为特定的像素宽度。试着换成这个

.wrapper{
    width: 100%;
    margin: 0 auto;
}

---

首先用

标签包装

和

标签。注意，不要使用

元素。它已经不存在了。应该使用一些像CSUR基金会这样的CSS响应框架，推特BoTrSRAP或PUCRESS等等。{width:1880px；糟糕的开始。好的，我该如何使用.wrapper？我尝试过，但当我调整浏览器大小或在其他PC上打开它时，我得到了相同的结果。你可能只需要重写代码以提高效率。它看起来很棒，但浏览器可能会很奇怪

<div class = "background">
    <img src = "IMG_1594.jpg" width = "100%" height = "100%">
</div>
<div class = "opacity">
</div>
<div class = "wrapper">
    <div class = "head">
        <center>
        <img src = "head.jpg" width = "100%" usemap = "#headmap">
        <map name = "headmap">
        <area shape = "rect" coords = "0,0,400,150" href = "united.html">
        </map>
        </center>
    </div>
    <hr size = "10" noshade color = "#f6c447">
    <hr size = "5" noshade color = "#092b51">
    <div class = "menu">
        <table>
            <tr>
                <td width = "14%">
                <center>
                <a href="united.html"><img src="home.png" onmouseover="this.src='home2.png'" onmouseout="this.src='home.png'" /></a>
                </center>
                </td>
                <td width = "14%">
                <center>
                <a href="about.html"><img src="about.png" onmouseover="this.src='about2.png'" onmouseout="this.src='about.png'" /></a>
                </center>
                </td>
                <td width = "14%">
                <center>
                <a href="project.html"><img src="projects.png" onmouseover="this.src='projects2.png'" onmouseout="this.src='projects.png'" /></a>
                </center>
                </td>
                <td width = "14%">
                <center>
                <a href="news.html"><img src="news.png" onmouseover="this.src='news2.png'" onmouseout="this.src='news.png'" /></a>
                </center>
                </td>
                <td width = "14%">
                <center>
                <a href="contact.html"><img src="contact.png" onmouseover="this.src='contact2.png'" onmouseout="this.src='contact.png'" /></a>
                </center>
                </td>
                </center>
            </tr>
        </table>
    </div>
    <div class = "main">
    </div>
    <div class = "opacity2">
    </div>
    <br><br><br><br><br><br><br>
    <hr size = "5" noshade color = "#6699FF">
    <hr size = "10" noshade color = "#092b51">
</div>
<font face = "arial" color = "#092b51" size = "2">United Construction & Global Painters, Inc. Copyright, 2014.</font>

.wrapper{
    width: 100%;
    margin: 0 auto;
}