带有Frame的页面：
<script language="JavaScript">
if(window.frameElement!=null)
{
window.frameElement.attachEvent("onresize",winResize);
}
else
{
window.attachEvent("onresize",winResize);
}
function winResize()
{
var img=document.getElementById("img");
DrawImage(img);
}
<!--
//图片按比例缩放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = document.body.clientWidth*0.95; //定义允许图片宽度
var iheight = document.body.clientHeight ; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
//ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
<body>
<img id="img" src="<%=url%>" onload="DrawImage(this)" alt=""/>
</body>
分享到：
相关推荐
以最简单方式实现页面所有控件随窗口大小改变而等比例变化，代码中也包含手动计算左上间距实现等比例代码。
在C#WinFrom中，用于拖放窗口大小时，控件随比例缩放！使之看来美观。其中有源码，可根据需要添加源码。 希望对其有帮助，有用则评分哦。
能够自动根据要求缩放窗口内的控件，使用很简单很强大。 STFormResizer 对象核心方法：。 Initlize(主窗口窗口句柄)：初始化，通常用于 _窗口创建完毕下调用。 AddCtrl(控件句柄)：添加控件和缩放规则。 Update()：...
# pyside2无边框窗口可拖动拉伸边框缩放调节窗口大小 1. 1. 去除系统自带边框，自定义美观ui； 2. 窗口可随意拖动； 3. 最小化、最大化、关闭按钮； 4. 双击标题栏最大化/还原窗口； 5. 最大化状态下拖动窗口还原； ...
可以根据对话框的大小变化实现控件的对应缩放，代码 蓝本来自网络，但进行了自己的一些优化。
能让界面上的控件随窗口大小任意缩放的代码onsize,就可以随心所遇的放大与缩小你的对话框了，控件也跟着比例缩小放大。
WPF 界面 实现控件随着界面大小进行缩放，按住Ctrl按钮，然后混动混轮，就可以实现缩放了，控件比例和布局不变，会产生滚动条。
当图片出现在当前窗口内，真正的图片加载成背景图片，同时按照比例缩放，直至100%实用本图片，上下左右保持居中显示 缺点：使用此插件，必须事先指定图片的宽度以及高度 使用方法： 1、将head中的样式...
如编辑框定左顶高变宽,按钮定宽高顶变左.2>如题,论坛和百度里面找了很多改变窗口大小组件自动调整的代码,均没有有效的解决方案.3>来源:本程序借鉴论坛部分源码,经过消化整理而成.4>组成:需要精易模块V5以上,无需Dll,...
一个实现PB窗口控件的自动缩放功能的例程，窗口内的控件包括Tab控件和UserObject控件内的控件将随窗口 大小的变化按比例自动进行缩放
放在开发的窗口内，编译后的窗口放大缩小时，窗口的控件不会乱排。
Halcon图像自适应窗口控件显示，以窗口中心为基准按比例适应大小 halcon的代码；以及鼠标缩放平移图像 C++的代码
窗口自动缩放,此程序所用程序，是用PB12来开发的，用于窗口变化时，控件位置自动定位。
父窗口变化是，控件大小和位置按比例变化；
代码简介：jQuery响应浏览器窗口大小图片排列代码是一款效果类似于Flick和谷歌加的图片画廊效果，为所有图片提供统一的高度，图片按照自身比例进行缩放。
调整窗口大小时，组件随着窗口大小一起调整
动态改变窗体尺寸程序(VB6.0代码编写) 当打开和关闭时窗体会动态改变尺寸 QQ223857666勾月
核心文件：CLayout类(Layout.cpp Layout.h)实现根据主窗口缩放比例动态调整窗口子控件位置及其大小以及控件字体大小功能 附件即是一个使用CLayout的Demo，也是一个用于生成将CLayout应用于工程中需要编写的初始化...
jQuery响应式自适应浏览器窗口大小图片排列代码是一款效果类似于Flick和谷歌加的图片画廊效果，为所有图片提供统一的高度，图片按照自身比例进行缩放。