Question

我在移动网络应用程序中工作，有些设备存在问题，不支持css3和@media查询，

我得到[css3-mediaqueries.js]以使所有浏览器都支持媒体查询，但我现在的问题是我需要检查不支持某些css3功能的设备，例如background-size

我做了一些研究，我发现了能够捕获所有不支持背景大小的设备的modernizer.js

这是我的HTML标题

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <title>Magrabi retail</title>
        <script src="js/modernizr.custom.02724.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> <!-- the main css that contain all css3 class -->
        <meta name="viewport" content="initial-scale=1,maximum-scale=1" />
        <script src="js/css3-mediaqueries.js" type="text/javascript"></script>
        <script>



 Modernizr.load({
  test: Modernizr.backgroundsize,
  nope: 'css/main2.css' ,
 });

        </script>
    </head>

我在ie6和移动设备中做了一些不支持css3后台大小的测试，似乎没有什么不同，只有firefox 8进行了更改

仅供注意：我使用background-size来处理高像素密度设备

Answer 1

Modernizr不支持本机支持它的浏览器中的后台大小。它只是有一个方便的跨浏览器测试，它测试像-moz-background-size和-ms-background-size这样的东西。当测试返回false时，由你来伪造它。

无法使用ie6和一些移动设备处理Modernizr.backgroundsize

1 个答案: