首页 > 网站 > 建站经验 > 正文

网页图片如何自适应网页大小,而不撑破表格

2024-04-25 20:44:56
字体:
来源:转载
供稿:网友
利用IE5.5以上版本的新的CSS属性,用JS判断如果图像的尺寸大于一个定值时,用ZOOM缩放

建个名为zoom.htc的behavior文件,代码如下:

<public:attach event="oncontentready"" onevent="zoom()" />

<script language="javascript">

function zoom(){

if(this.width>760)this.style.zoom=1/(width/760);       //ZOOM=1除以(宽除以规定宽度的)

}

</script>

具体应用该behavior
在网页中加入以下代码:

<style>
.hyperlook img { behavior:url('zoom.htc')}     //注意ZOOM.htc的路径
</style>

最后在需要控制的地方的前后加入:<div class="hyperlook">    </div>

以上只是在ie中的解决 方法
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表