Html 网站布局问题

我建立了一个网站。我对所有的div标签都使用了liquid布局。它工作得很好。我面临的问题是，当我将屏幕分辨率从1024*768降低到800*600时，文本大小并没有减少；一个分区中的文本与另一个分区中的文本重叠。我提到了以像素为单位的文本大小。谁能告诉我如何解决这个问题。

文本大小不会随着容器的大小而减小。您可以设置

溢出：自动，它将滚动其中的内容（当它不适合时），而不是让它重叠。
如果问题是你的文本没有收缩；只需添加一些JavaScript功能，就可以随着窗口的缩小而减小文本大小。如果你必须这样做才能让你的网站正常运行，那么，伙计，重新设计网站…
查看Javascript；您应该能够检测它们的分辨率，并执行一个函数来设置起始字体大小。我不是Javascript高手，但它看起来像

document.onload = initTextSize;

function initTextSize() {
    var width = screen.width;
    var height = screen.height;

    if(width<=800 && height<=600) {
         document.getElementByTagName("head").innerHTML('<style type="text/css">body { font-size : 1em; }</style>');
    }
    else if(width<=1024 && height<=768) {
         document.getElementByTagName("head").innerHTML('<style type="text/css">body { font-size : 1.6em; }</style>');
    }

}

document.onload=initTextSize；
函数initTextSize（）{
变量宽度=屏幕宽度；
变量高度=屏幕高度；
如果（宽度这与PHP有什么关系？您的网站是否需要在800x600上查看？我们发现，在一年的时间里，在一个访问量数百万的网站上，使用该分辨率的用户不到100人。重新设计网站意味着我是否应该使用固定布局不一定，而是重新设计您的网站，使其能够处理通信关于分辨率。如果唯一的方法是使用固定的布局，那么无论如何你应该这样做。那么使用呢？