Question

我试图建立自己的投资组合网站。当我以为我即将完成构建基本模板时，边距和媒体查询的东西完全让我疯狂。这是我的临时托管域名www.kenlyxu.com/portfolio_new

我使用

使页面适合任何浏览器大小

html, body {   
     margin:0; 
     padding:0; 
     width:100%; 
     height:100%;

我试图在所有方面和每个页面上制作10px的边距，以便我使用这个容器。

#thecontainer {
    margin: 10px;
    background-color: #f29e28;
    height: 100%;
    width: 100%;
    }

#workcontainer {
    margin: 10px;
    background-color: #f29e28;
    width: 100%;
    }

我希望最终的结果就像橙色背景，四面都有白边。在桌面上看到我的网站时，边距右边和边距底部没有显示。它们仅在我使用宽度时显示：98.5％;

此外，橙色背景颜色应根据浏览器的大小进行扩展。在iPhone 5纵向视图中，橙色背景不会影响底部。我尝试使用一些标准的媒体查询，但我不知道我应该给每个移动设备的值。

Answer 1

试试

Position:fixed;

在

 # thethecontainer

现在您的代码看起来像

#thecontainer {
margin: 10px;
background-color: #f29e28;
height: 98%;
position:fixed;
width: 98.5%;
}

边距不显示100％宽度＆amp;高度

1 个答案: