не может обрабатывать Modernizr.backgroundsize с ie6 и некоторыми мобильными устройствами

Я работаю в мобильном веб-приложении, есть проблема с некоторыми устройствами, которые не поддерживают css3 и @media query,

я получаю [css3-mediaqueries.js], чтобы все браузеры поддерживали медиа-запрос, но теперь моя проблема в том, что мне нужно проверить устройства, которые не поддерживают некоторые функции css3, такие как размер фона

Я провел некоторые исследования и нашел файл 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 background-size и, кажется, ничем не отличается, только firefox 8 вносит изменения

просто для заметки: я использую размер фона для обработки устройств с высокой плотностью пикселей.


javascript css modernizr
person ahmedsaber111    schedule 02.01.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Modernizr не включает поддержку размера фона в браузерах, которые изначально не поддерживают его. У него просто есть удобный кросс-браузерный тест, который проверяет такие вещи, как -moz-background-size и -ms-background-size. Это зависит от вас, чтобы подделать его, когда тест возвращает false.

person Chris Moschini    schedule 26.06.2012