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