javascript-如何使用js控制浏览器缩放的最小宽高？

问题描述

如何使用js控制浏览器缩放的最小宽高？
这个只适用于ie，其他浏览器好像默认禁用这种行为吧，求兼容

 <!DOCTYPE html><html lang=""en""><head>    <meta charset=""UTF-8"">    <title>window</title>    <script src=""js/jquery-1.11.3.min.js""></script>    <style>        * {padding: 0; margin: 0;}    </style></head><body>    <button class=""btn1"">click1</button>    <button class=""btn2"">click2</button></body><script>    var myWin;    $("".btn1"").click(function() {        myWin = window.open('' '_self' 'width=400 height=250');        myWin.moveTo(0 0);    });    $("".btn2"").click(function() {        myWin.resizeTo(500 400);    });    $(window).on('resize' function() {        var winW = $(window).width();        if(winW <= 500) {            myWin.resizeTo(500 400);        }    });</script></html>

解决方案

个人觉得并没有这个必要，刻意的去改变浏览器的大小，如果只是为了使自适应的页面布局不被挤压错位之类的需求的话，控制自己页面的最小高宽即可。当然，如果你是为了追求牛逼的技术的话，那就另当别论了。我只想说达成目的的方法很多，一种不行，可以考虑其他方式，甚至逆向思考。如果你是当局者迷，我希望我的话能帮到你，如果你不属于这种情况，请忽略我的回复。

解决方案二：
resizeTo有些浏览器不支持的。。搞不了，而且也也流氓

时间： 2024-10-01 02:08:23

javascript-如何使用js控制浏览器缩放的最小宽高？的相关文章

js控制浏览器全屏示例代码

 控制浏览器全屏的方法有很多,下面为大家介绍下js是如何做到的  代码如下: function fullScreen() {  var el = document.documentElement;  var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;    if (typeof rfs != "undefined&quo

Javascript代码实例:JS获取浏览器宽度

文章简介:js获取浏览器窗口宽高及网页宽高. js获取浏览器窗口宽高及网页宽高: /** / THIRD FUNCTION * getPageSize() by webjx.com * * @return Array Return an array with page width, height and window width, height */function ___getPageSize() { var xScroll, yScroll; if (window.innerHeight &

php缩放图片(根据宽高的等比例缩放)实例介绍_php技巧

推荐一个简单实用的缩放图片工具 SimpleImage,参考http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/ 使用方法: 设定宽高,不等比例缩放 复制代码 代码如下: <?php include('SimpleImage.php'); $image = new SimpleImage(); $image->load('picture.jpg'); $image->resize(250,400); $i

编写跨浏览器的javascript代码必备[js多浏览器兼容写法]_javascript技巧

序号 操作 分类 IE(6.0) FireFox(2.0) Mozilla(1.5) 当前浏览器 备注 1 "." 访问tag的固有属性 OK OK OK OK 2 "." 访问tag的用户定义属性eg: <input type="checkbox" myattr="test"> OK NO NO OK 可以用getAttribute函数 替代 3 obj.getAttribute 访问tag的固有属性 OK OK

Javascript实例代码:JS控制DIV属性

文章简介:点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式. 点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式.代码如下: <script type="text/javascript">    var oBox = document.getElementById('box');    var oDiv = document.getElementById('div1');    var aInput = document.getElementsByTagN

js控制浏览器全屏示例代码_javascript技巧

复制代码 代码如下: function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "undefined" && rfs) { rfs.call(el)

JavaScript获取窗口可视区域的宽高的例子

在jQuery中我们很容易就可以获取整个浏览器窗口可视区域的宽高:  代码如下 复制代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert($(document.body).height());//浏览器时下窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括bo

JS控制图片等比例缩放的示例代码

 本篇文章主要是对JS控制图片等比例缩放的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <SCRIPT language="JavaScript"> function DrawImage(ImgD,FitWidth,FitHeight){        var image=new Image();        image.src=ImgD.src;        if(image.width>0 && image.he

js实现鼠标滚轮控制图片缩放效果的方法

 这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml