我的页脚不会坐在手机和平​​板电脑上

Question

我似乎无法让我的页脚在手机和平​​板电脑上保持100％的宽度，这在浏览器上很好！请帮忙，这是我的css：

    .footerbox {
@media only screen and (min-device-width : 768px); (max-device-width : 1024px);
float :left;
width:100%;
height:300px;
margin-left:0;
margin-right:0;
background-image:url(../images/aaheader12.jpg);
background-position:center bottom;
background-repeat : no-repeat;
font-family : Calibri;
font-size : 14px;
color : #000;
    }

Answer 1

删除@media一行，它的语法不正确（媒体查询包含在规则中，而不是嵌套在它们内部），听起来你可以在所有设备上使用相同的样式来管理你的页脚。< / p>

Answer 2

@media only screen and (max-width: 1022px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px),
only screen and (min-device-width : 320px) and (max-device-width : 568px),
only screen and (min-device-width : 320px) and (max-device-width : 480px){your css}

此查询适用于iPad，iPhone，移动设备和平板电脑，设备宽度<1022px。