谁能教我用代码控制浏览器代码窗口大小

来源：蜘蛛抓取(WebSpider) 时间：2017-11-02 09:18 标签： 浏览器代码
其他回答(3)
多有的div，width=10%，height=10%，都用百分比
园豆：3740
楼上的已经回答了，设置网页页面的宽高 (html属性 width: 宽度, height: 高度, 都用百分比 )，
这样浏览器窗口改变了，网页页面也就跟着调整了。
看不懂....
&&&您需要以后才能回答，未注册用户请先。如何让浏览器弹出的某个窗口一直显示在最前端
来源：博客园
【要求有如下:
1、一个页面弹出一个窗体。这个窗体一直显示在最前端。
2、打开一个新的程序，在上面弹出的窗口同样显示在最前端
3、不影响我在上面新打开的程序中进行任何编辑等其他操作
不好意思各位大侠，圆豆不多了啊。只能麻烦大家无私奉献了啊。
我试过open方法的几个参数也是不可以的。想用Activex来实现。不过一时没有思路。
是不是要扩展下浏览器了啊。这个不确定。想找个最简单的方法。】
首先，你的第3个要求不算要求。。。windows自然而然就是这样的。
然后，你想弹出的这个顶层窗口是什么窗口？ie窗口？那是不可能的。windows form？ 那就只能做activex。
扩展浏览器倒是谈不上。
chenping2008:
游览器是没有这个功能的，估计JS也写不出来吧
让浏览器打开一个新的桌面应用程序，在这个桌面应用程序的内部控制窗口最前。。
免责声明：本站部分内容、图片、文字、视频等来自于互联网，仅供大家学习与交流。相关内容如涉嫌侵犯您的知识产权或其他合法权益，请向本站发送有效通知，我们会及时处理。反馈邮箱&&&&。
学生服务号
在线咨询，奖学金返现，名师点评，等你来互动JS获取各种浏览器窗口大小的方法
字体：[ ] 类型：转载 时间：
本篇文章主要是对JS 获取各种浏览器窗口大小的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
常用:JS 获取浏览器窗口大小 代码如下:// 获取窗口宽度 if (window.innerWidth) winWidth = window.innerW else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientW // 获取窗口高度 if (window.innerHeight) winHeight = window.innerH else if ((document.body) && (document.body.clientHeight)) winHeight = document.body.clientH // 通过深入 Document 内部对 body 进行检测，获取窗口大小 if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) { winHeight = document.documentElement.clientH winWidth = document.documentElement.clientW } 详细:关于获取各种浏览器可见窗口大小: &script& function getInfo() { var s = ""; s = " 网页可见区域宽：" document.body.clientW s = " 网页可见区域高：" document.body.clientH s = " 网页可见区域宽：" document.body.offsetWidth " (包括边线和滚动条的宽)"; s = " 网页可见区域高：" document.body.offsetHeight " (包括边线的宽)"; s = " 网页正文全文宽：" document.body.scrollW s = " 网页正文全文高：" document.body.scrollH s = " 网页被卷去的高(ff)：" document.body.scrollT s = " 网页被卷去的高(ie)：" document.documentElement.scrollT s = " 网页被卷去的左：" document.body.scrollL s = " 网页正文部分上：" window.screenT s = " 网页正文部分左：" window.screenL s = " 屏幕分辨率的高：" window.screen. s = " 屏幕分辨率的宽：" window.screen. s = " 屏幕可用工作区高度：" window.screen.availH s = " 屏幕可用工作区宽度：" window.screen.availW
s = " 你的屏幕设置是 " window.screen.colorDepth " 位彩色"; s = " 你的屏幕设置 " window.screen.deviceXDPI " 像素/英寸"; //alert (s); } getInfo(); &/script& 在我本地测试当中： 在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得，很简单，很方便。 而在公司项目当中：
Opera仍然使用 document.body.clientWidth document.body.clientHeight
可是IE和FireFox则使用 document.documentElement.clientWidth document.documentElement.clientHeight
原来是W3C的标准在作怪啊 &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
如果在页面中添加这行标记的话 在IE中： document.body.clientWidth ==& BODY对象宽度 document.body.clientHeight ==& BODY对象高度 document.documentElement.clientWidth ==& 可见区域宽度 document.documentElement.clientHeight ==& 可见区域高度
在FireFox中： document.body.clientWidth ==& BODY对象宽度 document.body.clientHeight ==& BODY对象高度 document.documentElement.clientWidth ==& 可见区域宽度 document.documentElement.clientHeight ==& 可见区域高度 &
在Opera中： document.body.clientWidth ==& 可见区域宽度 document.body.clientHeight ==& 可见区域高度 document.documentElement.clientWidth ==& 页面对象宽度（即BODY对象宽度加上Margin宽） document.documentElement.clientHeight ==& 页面对象高度（即BODY对象高度加上Margin高） 而如果没有定义W3C的标准，则
IE为： document.documentElement.clientWidth ==& 0 document.documentElement.clientHeight ==& 0
FireFox为： document.documentElement.clientWidth ==& 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==& 页面对象高度（即BODY对象高度加上Margin高）
Opera为： document.documentElement.clientWidth ==& 页面对象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==& 页面对象高度（即BODY对象高度加上Margin高）
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具博客访问： 3345526
博文数量： 307
博客积分： 8003
博客等级： 大校
技术积分： 4255
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： Web开发
1.viewport
这种方法，不是所有的浏览器都兼容
&meta name="viewport" content="width=640,minimum-scale=0.5,maximum-scale=1.0,user-scalable=no, initial-scale=1.0" /&
这种方法，可以兼容大部分浏览器，但是修改幅度比较大
.main .login .txt1{margin-top:8.59375%; position:}
3.css&transform
这种方法，可以兼容大部分浏览器，但是页面的位置是居中的
transform: scale(1,1);
-ms-transform: scale(1,1); /* IE 9 */
-webkit-transform: scale(0.8,0.8); /* Safari and Chrome */
4.使用响应式布局，但是这样的话得做两个两套界面
&link rel=“stylesheet” type=“text/css” media=“only screen and （max-width： 480px），only screen and （max-device-width： 480px）” href=“link.css”/&
建议使用第2，4种
阅读(33499) | 评论(0) | 转发(3) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。安全检查中...
请打开浏览器的javascript，然后刷新浏览器
< 浏览器安全检查中...
还剩 5 秒&

我要回帖

更多关于 浏览器代码 的文章

 

随机推荐