js如何自适应屏幕高度

A. 如何用js来控制div高度的自适应

首先你得有个高宽比（比例），根据这个比，用js计算就是了。
function resizeHeight(id,size){
var ele = document.getElementById(id);
var width = ele.offsetWidth;
ele.style.height = size*width+"px";
}
说明：id是div的id(String)，回size是高宽比答(Number)。
调用：
resizeHeight("youId",0.5);
window.onresize = resizeHeight("youId",0.5);

B. 在EXT JS中 如何定义树高度使它适应屏幕高度。

建议闹闭你用border布局塌弯扮；
var viewport = new Ext.Viewport( {
layout : '团灶border',
items : [
new Ext.Container({region : "left",width : 240,split:true,items : SBGLTree}),
new Ext.Container({region : "center",items : [SBJBXXGrid ,SBGZGrid]})
]
});

C. js怎么让body高度自适应手机屏幕

javascript screen对象获取屏幕宽高如alert(screen.height)
availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素
availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素
colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)
pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)
height 属性 -- 屏幕的高度，单位像素
width 属性 -- 屏幕的宽度，单位像素
div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位。

D. DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图

1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。

E. .net iframe 自适应高度JS代码

var winWidth = 0;
var winHeight = 0;
function findDimensions() // 函数：获取尺寸
{
/薯模/ 获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
// 获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
// 通过深入 Document 内岩孙部对 body 进行检测，获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
// 结果
var body = document.documentElement.scrollHeight;
var height = winHeight - 140;//窗体高度减去固定的高度
document.getElementById("frmain").style.height = height + "px";//给iframe定义高度，粗手链会适应屏幕的大小，并跟随浏览器的最小化与最大化改变。
}
function switchSysBar() {
var src = document.all("frameshow").style.backgroundImage;
var bl = document.all('frmTitle').style.display;
if (bl == "") {
document.all("frameshow").style.background = "url(img/right.png) no-repeat center center";
document.all('frmTitle').style.display = "none"
}
else {
document.all("frameshow").style.background = "url(img/left.png) no-repeat center center";
document.all('frmTitle').style.display = ""
}
}
findDimensions();
// 调用函数，获取数值
window.onresize = findDimensions;
//将此js脚本放到页面的最下边。

F. div自适应高度问题。。通过js来实现

可以不用js来实现的
用定位布局就可以的
先是左右布局，然后右边的宏拿上边这谨备块固定高度
下边的这块就可以用蔽晌搭绝对定位top,left,right,bottom四个属性都设置了，bottom设置为0这样就高度自动填充剩余的空间，调整浏览器也会自动调整大小的

G. js如何根据不同屏幕的大小，获得页面高度，自动调整列表高度

varwin_w=$(window).width();//获取宽度
varwin_h=$(window).height();//获取高度

如果你想要匹配高度，那么，就是页面专刚刚打开其实没有数据，属是等页面打开，计算了屏幕高度之后，再根据每条数据的高度计算出条数，再利用ajax的异步传输去读取列表，然后用JS呈现在手机网页中的。

H. 问一个JS或jquery自适应高度的问题 在线等

下面是关宏橡于高度自适应内容的。

可以用jq控制 在 加iframe的页面中加
$("灶宴#iframe的ID").load(function () {
var mainheight = $(this).contents().find("body").height() + 30;
$(this).height(mainheight);
});
iframe链接的隐绝银页面中加
$(window.parent.document).find("#iframe的ID").load(function () {
var main = $(window.parent.document).find("#iframe的ID");
var thisheight = $(document).height() + 30;
main.height(thisheight);
});

I. 自适应屏幕大小的网页是怎么做出来的

自适应屏幕大小的网页是怎么做出来的

需要通过JS和专门的css模板来控制，还需要一些脚本来控制，这个一两句话说不明白，通过Dreamweaver可以自动生成，Dreamweaver有专门的模板（流体网格布局），这种技术称为响应式布局，可以通过网和首雀上搜一下相关技术资料，不过这种响应性网页布局虽然可以解决部分终端上显示的自适应的问题，但兼容性不能做到百分之百！通常的做法还是根据不同类型终端分别做成好几套，通过判断终端类型来加载不同的网页！

自适应屏幕大小的网页元素会乱，所以一般情况下都不是自适应的。
如果想帮成自适应，用百分比定义宽度width="100%"

有按照不同分辨率可以控制的css代码
文档宽度小于 300 像素则修改背景演示:
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}

一般是设置内容宽度为百分之多芹歼少那样with=“100%”复杂点就是利用js判断屏幕大小调用css，

安卓壁纸怎么设置能自适应屏幕大小

TextView 的属性 android:layout_height 和 android:layout_width 你设置的是wrap_content吧？
改成固定值如：
android:layout_height="60dip"
android:layout_width="60dip"

如何用JS控制网页字体大小，使其能够自适应屏幕大小

1.首先，在网页代码的头部，加入一行viewport元标签。
viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。
2、不使用绝对宽度由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度：width:xxx px;
只能指定百分比宽度：width: xx%;或者width:auto;
3、相对大小的字体
字体也不能使用绝对大小（px），而只能使用相对大小（em）。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代码指定，唤早字体大小是页面默认大小的100%，即16像素。
h1 {
font-size: 1.5em;
}
然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。
*** all {
font-size: 0.875em;
}
*** all元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。

怎么用frontpage是做的网页自适应屏幕大小，做好的网页在小屏幕显示或者不是全屏的显示就是乱的

div+css来

AIR做的ANDROID游戏怎么做到屏幕大小自适应

1.首先获得手机屏幕的宽高，也就是你要显示的范围的大小
竖屏
private var screenWidth:int = stage.fullScreenWidth;
private var screenHeight:int = stage.fullScreenHeight;

横屏
private var screenWidth:int = stage.fullScreenHeight;
private var screenHeight:int = stage.fullScreenWidth;
注意的是横屏和竖屏宽高赋值要调转
2.获得1个长方形的显示空间的对象
private var viewPort:Rectangle = new Rectangle(0, 0, screenWidth, screenHeight)
把要显示的starling初始化时候把长方形对象插入到第三个参数
myStarling = new Starling(MainGame,stage,viewPort);

设置starling中要显示画面的大小
myStarling.stage.stageWidth = 480;
myStarling.stage.stageHeight = 320;
完成！

J. js写入的iframe自适应高度问题（急）

1.js控制iframe

<div id="dd">132</div>
<script>
var s = '<iframe src="javascript:document.open();document.write(\'<script>alert(1);<\/script><div>test</div>\');document.close();"></iframe>';
document.getElementById("dd").innerHTML = s
</script>

<iframe id="tst" name="tst" ></iframe>
<script>
alert(2);
var cw = window.document.getElementById('tst').contentWindow;
cw.document.open();
cw.document.write('<script>alert("test")<' + '/script>');
cw.document.write('<div>test</div>');
cw.document.close();
</script>

IE6,IE7,FF2下测试通过

2.自适应高度
在id为"ifr"的iframe内容里写上js代码:

<script>
function resize(){
parent.document.getElementById('ifr').style.height = document.body.scrollHeight>300?document.body.scrollHeight:300+"px";
}
window.onload=resize;
window.onresize = resize;
</script>

就能控制id为"ifr"高度至少为300px

要是回答的内容有问题，或认为不妥，请发送网络消息给我，消息内容加上本页网址哦。。

·