小编Yel*_*dio的帖子

这个问题出在我的投资组合网站http://www.sierraisadesigner.com上.

媒体查询在Firefox中运行得很好,但在任何其他浏览器或我尝试过的任何移动设备上都没有.我试过iPad第一代,iPod和Kindle Fire(也是第一代).

我的代码是针对各种各样的屏幕尺寸@media only屏幕和(min-width:700px)和(max-width:959px){.wrapper-900 {width:100%; 背景:#CCC;}

@media only screen and (min-width:700px) and (max-width:959px) {
    .wrapper-900 { width:100%; background:#ccc;}

    #content-bg { padding:20px 0px 0px 0px; }

    .width-200 { width:25%; }
    .width-550 {width:65%; }

    #footer { padding:15px; }
    .footer-module { width:25%; }
} 

@media only screen and (min-width:550px) and(max-width:699px) {
    .wrapper-900 { width:100%; }

    #content-bg { padding:20px 0px 0px 0px; }
    #content { padding:50px 10px 10px 10px; }

    .width-200 { width:25%; }
    .width-550 { width:65%; }

    TEXTAREA { width:90%; …