如何让Flash自适应浏览器屏幕的大小?
2022-12-14 · 百度认证:北京惠企网络技术有限公司官方账号
1、swf文件随着浏览器屏幕大小也相应改变大下;
方法:在网页里除了放你的swf文件外不要放其他的任何内容,并且swf文件的宽,高都设为100%。
2、当swf文件大小改变时,flash 内容也相应重新安排。
在这个例子里,我在主舞台上使用了一loader组件来载入一张图片。当你调整浏览器大小时,swf文件大下相应发生变化。我使用了Stage 对象的onReisize事件来改变loader组件的大下和位置。
首先是:
在网页中把flash的高、宽都设为100%。
在flash中加入
Stage.scaleMode = "noScale";//这个是一定要的
Stage.align = "TL"。
由于显示器分辨率的不同,相同的背景图片在不同分辨率下有可能会出现只显示一部分或留部分空白的情况。
实现效果:不管你怎么变化浏览器窗口大小,背景图始终会自动调节大小。
1 . 第一种:
第一个想法是需要使用一个 css 背景图,如果这张图够大,就能填充整个屏幕。当浏览器窗口大小没有图片大时,它将自动隐藏多余的部分。
上面的这些代码能够自动隐藏超出浏览器窗口部分的图片(image.jpg)多余部分,不会使浏览器产生滚动条。
2 . 第二种:
第一次试验的效果并没有达到要求,并不是真的使得背景图片适应窗口大小,应该使用设置“宽度”和“高度”属性来控制图片的大小,如果我们能够得到浏览器窗口显示像素,就可以利用这个数字来控制图片大小,同时保持比例。
使用 jquery 和 dimensions plugin 可以获得这些参数。
因为背景图片加上了定位代码,那要加在背景图片上任何东西都需要定位,如果您的背景图像是竖条状的(特别的高),而你的浏览窗口特别的宽,很容易造成背景图片高度超过您的浏览器窗口的高度,为了防止这种情况,需要设定对超出的部分进行隐藏。
3 . 第三次方法(最好的):
Stu Nicholls version给出了最好的方法(看了下网易的首页也是这样做的),这处理方式不需要任何的 JavaScript 就能完美的达到目的。