根據屏幕分辨率自動調整大小的網頁

我有一個網頁，在22英寸的顯示器上看起來不錯，但在筆記本電腦上看起來很糟糕......我想知道是否有可能使所有類型的尺寸都可調整屏幕...我已經tryed在JS表函數，在CSS寬度100％......我需要一些幫助:(繼承人小提琴：http://jsfiddle.net/ygaw2/43/和一些代碼：根據屏幕分辨率自動調整大小的網頁

function submit() 
{ 
    var dropspot_elements = document.getElementById("dropspot").children; 
    var dropspot_stringOfElementIDs =[]; 

    for(var i = 0; i < dropspot_elements.length; i++) 
    { 
     dropspot_stringOfElementIDs.push(dropspot_elements[i].id); 
    } 

    if(dropspot_stringOfElementIDs.join("")===document.getElementById("container").children[imgNumber-1].id ) 
    {  
     if(imgNumber < 5)     
       alert('CORECT! Puteți trece la secvența următoare.'); 
       else 
       alert('Felicitări,ați ghicit toate răspunsurile.Jocul a luat sfârșit!'); 
       levelDone = true;  
    } 
    else 
    { 
       if(dropspot_stringOfElementIDs.length===0){ 
        alert('Nu ați incercat nici un răspuns.Trageți litere pentru a forma cuvântul ce reprezintă imaginea.'); 
       } 
       else 
       alert('GRESIT! Încercați din nou.'); 
       $("#dropspot").empty(); 
     } 
    }

來源

2014-01-17 OzZie

我認爲這是無關緊要JavaScript，但一招鮮「技術」稱爲響應式設計的。 –