在移动网站上调整大小的问题

时间:2014-04-17 01:51:52

标签: html css

我目前正在为一个功能齐全的桌面网站开发移动网站。使用媒体查询,我可以在iPhone或iPod等显示器上缩小实际内容区域的大小。但是,页脚的其余部分(如页脚和页眉)不希望正确缩小尺寸。有什么建议?您可以在此处查看该网站:www.tobynews.com

1 个答案:

答案 0 :(得分:0)

页脚如果有效,身体不会

使用%minmax

#content {
    /*you css*/
    margin-left: auto;
    margin-right: auto;
    width: 900px;/* use % for size
    max-width: you size;
    min-width: you size;*/
}

图片自动

body{
    background-image: url(uno.jpg);
    background-attachment: fixed;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /* and you css*/
}

检测到尺寸屏幕

@media screen and (max-width: 750px){
  footer{
    width: /*you size*/;
  }
}