媒体查询无法与所有Android设备一起使用

Question

我真的希望这个问题没有得到解答，因为我无法在任何地方找到它...我有一个网站使用媒体查询来呈现不同的数据，如果它是移动的话。我还有一个带有webview的移动应用程序，可以调用该站点。它适用于所有iOS设备，但仅适用于某些Android设备...某些Android设备是否在网络视图中不实现媒体查询？

这是我的CSS媒体查询：

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:50% auto 0; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:10% auto 0; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}

@media only screen 
and (min-device-width : 321px) and (max-device-width : 568px) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:10% auto 0; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}


@media only screen 
and (min-device-width : 569px) and (max-device-width : 767px) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:40% auto 0; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}

@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait ) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:40% auto 0; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}

@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #mobileBody { display:inline; }
    #header, .wrapper, #footer { display: none; }
    body { background:none; background-color:black; }
    .mobileLogo { width: 85%; margin:10% auto 0 !important; }
    .mobileLogo a img { width: 100%; }
    .mobile_fb_login { width: 50%; margin:10% auto 0; }
    .mobile_fb_login a img { width: 100%; }
}

如果可以，请提供帮助： - ）