Question

javascript能不能实现整个网页根据浏览器高度宽度自动缩放?

一个网页就正好占满浏览器,没有滚动条,浏览器缩小的话整个网页也跟着缩小.

这种效果又办法做么?可以给点思路吗?
我的意思是网页里所有元素,包括图片字体什么的都等比例缩小..

Answer 1

function getInfo()
{
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth+" ";
s += " 网页可见区域高："+ document.body.clientHeight+" ";
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+" ";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)"+" ";
s += " 网页链链正文全文宽："+ document.body.scrollWidth+" ";
s += " 网页正文全文高："+ document.body.scrollHeight+" ";
s += " 网页被卷去的高(ff)："+ document.body.scrollTop+" ";
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop+" ";
s += " 网页被卷去的左："+ document.body.scrollLeft+" ";
s += " 网页正文部分上："+ window.screenTop+" ";
s += " 网页正文部分左："+ window.screenLeft+" ";
s += " 屏幕分辨率的高："+ window.screen.height+" ";
s += " 屏幕分辨率的宽："+ window.screen.width+" ";
s += " 屏幕可用工作区高度："+ window.screen.availHeight+" ";
s += " 屏幕可用工作区宽度："+ window.screen.availWidth+" ";
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+" ";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+" ";
s += " window的页面可视部分实际高度(ff) "+window.innerHeight+" ";
alert (s);
}

看看能帮到你森裂吗？按照上面棚春孙是可以实现的。

Answer 2

可以有好几种方法实现

1. 先计算页面高度和宽度，然后徐用百分比来实现

2. 可以直接全部用百分比来实现

3. 用一些塌袜枯框架团洞，比如bootstrap之类的前段框架，本身就好败是自适应的
   

Answer 3

不用那么麻烦尺茄，将最外面的表格设成高尺困游度100%就行了！宽度也设成陵销100%
然后内容的宽度高度不要超过1024*768就行了
除非你用800*600的像素！

Answer 4

可是肯定可以，方法粗辩宏有很多种！

最好还是用JS来，用百分比浏览器的兼容性考虑很麻烦哈！

楼灶老上的那些JS完全可以实现了！岩册