Javascript 根据屏幕分辨率自动调整网页大小

我有一个网页，它在22英寸显示器上看起来很棒，但在笔记本电脑上看起来很糟糕……我想知道是否有可能使它在所有类型的屏幕上都可以调整大小……我尝试了js中的table函数，css中的width 100%……我需要一些帮助：（这里有一把小提琴：和一些代码：

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();
        }
    }

函数提交（）
{
var dropspot_elements=document.getElementById（“dropspot”）.children；
var dropspot_stringof元素=[]；
对于（var i=0；i

你应该看看像Bootstrap这样的框架是如何处理这个问题的。它们重新调整元素的大小，甚至动态调整页面的流量，使所有内容都适合

特别是调整大小、网格化等和移动优先的方法可能会让您感兴趣：

---

您最好使用这样的框架（也有很多替代方案）而不是自己尝试重新创建它。

这里非常有用的是CSS3媒体查询。它允许您根据查看页面的设备的属性应用不同的样式。因此，您可以根据查看页面的设备的屏幕宽度等应用不同的样式。这里很好地描述了这一点：

---

我认为这不是javascript的问题，而是一种称为响应式设计的新“技术”。@agconti不必担心，当我为他获得一些链接时，这是一个占位符。没问题。删除了评论。链接到媒体查询和流畅的版面也可能很好。