1
我在移動Web應用程序工作的一些移動設備上處理Modernizr.backgroundsize,存在與不支持CSS3和@media查詢的一些裝置的問題,無法與IE6和
我得到[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背景,規模和似乎沒有什麼不同移動設備的一些測試,只有火狐8進行更改
只是注:我使用用於處理高像素密度設備的背景大小