2012-01-02 33 views
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進行更改

只是注:我使用用於處理高像素密度設備的背景大小

回答

0

Modernizr不支持在本機不支持它的瀏覽器中啓用背景大小。它只是一個方便的跨瀏覽器測試,測試的東西像-moz-background-size和-ms-background-size。當測試返回錯誤時,由你來僞裝。