我已经看过一些关于此的帖子,但它似乎对我<meta name="viewport" content="width=device-width,initial-scale=1" />
在头部使用的问题没有帮助,但它不能解决页眉和页脚不跨越视口宽度的问题。主要内容区域似乎工作。
参考网站是brendanfenn.com
CSS如下。非常感谢任何见解。
#wrapper {
margin: 0 auto;
position: relative;
}
#header_container{
background-image: url(http://www.brendanfenn.com/wp-content/uploads/2013/02/headerBG1.jpg);
width: 100%;
}
#header {
width:964px;
height:150px;
margin: 0 auto;
}
#content {
width:964px;
background: url(images/border-bg.gif) repeat-y top left;
z-index: 1;
margin: 0 auto;
}
#content #left-col {
width:615px;
float:left;
padding: 20px 11px 20px 10px;
z-index: 1;
}
#content #right-col {
width:307px;
padding:3px;
float:left;
z-index: 1;
}
#footer {
width:100%;
background: #2a2006;
margin: 30px 0 auto;
}