如何在用户调整窗口大小时自动刷新页面(使用JS/jQuery)？
(这听起来一定很奇怪，但我有很好的理由这样做:总而言之，Dailymotion视频不能像YouTube视频那样由JS动态调整大小，但它们的大小可以由JS基于窗口大小设置)
浏览 7提问于2012-01-24得票数 1
3回答
我想调整浏览器窗口大小为1000x700像素的html页面加载默认。此外，无论何时调整窗口大小，都应保持最小尺寸1000x700。我试过了
window.onresize = function(){
window.resizeTo(1000,700);
};
但在IE8中它不工作，给出错误“访问被拒绝”，然而在FF中它工作正常。
请指导我一些可以使用JS处理的替代解决方案
浏览 1提问于2010-01-08得票数 0
回答已采纳
1回答
首先，我得到窗口的宽度，减去一些东西，然后把它赋值给一个变量，
其次，我调整了窗口的大小，并希望得到当前窗口宽度减去某项的值。
但是我得到了错误的价值，它会提醒两个值，一个是对的，另一个是错的，我不知道为什么和如何修正它，帮助我，thx。
我的html代码是
<p class="test">click me get value</p>
js是
(function(){
test();
$(window).resize(function(){
test();
});
}());
function test() {
var t = $(w
浏览 1提问于2014-12-02得票数 0
回答已采纳
1回答
Ext-js是否具有操作浏览器窗口的功能？
具体地说，我希望调整并关闭当前浏览器窗口。
(浏览器窗口，浏览器的本机窗口，而不是Ext-js的小部件)。
我可以还是必须求助于普通的旧式javascript？
浏览 3提问于2010-10-31得票数 1
回答已采纳
1回答
我已经开发了一个Firefox扩展，当浏览器窗口大小发生变化时，需要通知它。
我在扩展名为.js的文件中使用了.js。但是，当您通过拖动更改浏览器窗口大小时，会经常通知这一点。在调整大小之后，我需要窗口参数的最终值，而不是在调整大小期间。
我应该注册哪个事件来做这个？
浏览 5提问于2012-07-28得票数 0
回答已采纳
我在一个HTML文件中有以下javascript/jquery代码：
<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"
type="text/javascript"></script>
<script language="javascript">
$(window).resize(function(){alert('hi');});</
浏览 2提问于2011-07-12得票数 13
回答已采纳
我需要在IE文件的包含窗口的实际像素clientWidth，以计算一个适当的缩放值，但发现窗口总是返回一个值0。有办法从任何DOM对象中获取这个值吗？我是一个JS新手，我发现只要变焦是100 %，document.body.clientWidth就能做到这一点，但否则会返回放大的像素值。帮助?
浏览 4提问于2012-10-02得票数 2
我有一个程序，我将使用CSS的元素放置在窗口高度和宽度%中。当在不同分辨率的监视器中打开时(只有在高度宽度不同的情况下)，元素就有点错位了。我的解决方案是在Chrome中打开窗口时限制窗口的高度，这样我就可以保持相同的比率。在谷歌的研究中，命令ResizeTo看起来是答案，看起来很简单，但我无法让它起作用。命令ResizeTo根本不起作用，我做错了什么？
HTML代码：
<HTML>
<HEAD>
<TITLE>this is an HTML example</TITLE>
</HEAD>
<body style= "w
浏览 9提问于2020-12-12得票数 0
回答已采纳
下面的代码使用cloudinary js和html显示响应映像。如果调整窗口的大小，它只会缩放断点处的图像。它永远不会缩放图像更小。你知道为什么这种行为会显示出来吗？
<html>
<style type="text/css">
body {
padding: 5px;
justify-content: center;
align-items: center;
background-color: white;
font-size: min(1vw, 1.778vh);
浏览 12提问于2022-02-19得票数 0
我试图根据我的D3JS图形的高度和宽度来设置我的浏览器窗口大小。因为我的一些图形是看不见的。下面给出了设置高度和宽度的代码。
var w = 1345, h = 1000;
var svg = d3.select(".graphContainer").append("svg:svg")
.attr("width", w)
.attr("height", h);
浏览 2提问于2017-01-14得票数 0
3回答
如何在窗口大小调整的情况下重新加载单个JS文件？每次调整窗口大小时，我只需要重新加载一个JS文件，这样它就可以重置JS文件。我很久以前在这里找到了一个剧本，但我找不到他。
<script src="js/scripts.js" type="text/javascript"></script>
Thnx Pascal
浏览 6提问于2014-10-09得票数 0
回答已采纳
2回答
技术用途: JS、jQuery、CSS3、HTML5和Anguler(4+)。
用户的系统通常是运行2台监视器的Windows机器。
是否有一种方法以编程方式在用户的机器上强制最大化窗口，并通过多个监视器进一步强制该窗口？
我想到的唯一一件事就是以某种方式获取用户的监视器大小或监视器大小。
这个Web应用程序的用户(一组特定的人)希望它占据整个屏幕视图。
浏览 6提问于2017-09-15得票数 1
回答已采纳
1回答
如何注册JS函数，以便在调整浏览器窗口大小时运行？
我假设它在
Page.ClientScript
类方法，但我有点困惑。
浏览 3提问于2010-06-24得票数 0
回答已采纳
我已经将我的页面字体设置为font-size: 0.6875em;，现在我想知道，当我通过拖动窗口(而不是使用JavaScript函数)来调整浏览器的大小时，我的文本大小会像我的DIVS一样减小吗？
看起来不是！我知道我可以添加CSS媒体查询，可能有一个JavaScript / jQuery工具可以做到这一点，但是当用户拖动浏览器的一角并减小(或增加)窗口大小时，我是否可以自动减小文本大小，或者我必须使用JS / CSS媒体查询吗？
任何建议都将不胜感激。
谢谢
浏览 2提问于2012-02-19得票数 1
回答已采纳
我有一个JS函数，它运行在windows-resize事件上。
在函数中，我设置了一个变量width，用于调整d3图表的大小。如果我“手动”调整窗口的大小(即:拖动窗口边缘之一)，宽度变量似乎是正确的，但当我单击浏览器窗口右上角的“还原向下”图标时，宽度变量似乎不正确(例如，还原向下，值为205，与窗口边缘接触最小，值为310)。
root.selectAll('.upload-visual')
.each(function(d, i) {
var me = d3.select(this).select(
浏览 3提问于2018-03-16得票数 0
回答已采纳
当我调整浏览器的大小时，它会给出多个警告。我使用了不起作用的"return false“。
如果我使用unbind()/unbind(' resize ')，那么它可以工作，但它带来了另一个问题- resize()函数在第二次调整浏览器/窗口大小时停止工作。
我的代码是-
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
alert($(&#
浏览 2提问于2013-03-22得票数 1
我制作了一个允许拖放的上传器，但是由于人们通常使用浏览器浏览屏幕的大部分内容，所以当用户单击按钮时，浏览器会变小，这样他/她就可以更容易地将文件拖到.
有没有办法调整已经打开的浏览器窗口的大小.或者至少将js中的浏览器最小化？？
I know there is window.resizeTo(w,h);
但这对我不起作用
更新用户可以选择为特定网站取消此功能吗？？是否有一种方法可以让我检查用户是否允许或阻止该选项？
我还能使用window.resizeTo(w，h)吗?我会弹出一个新窗口吗？因为如果我是，我会尝试违约。
如果可能允许resizeTo(w，h)；对于特定的网站(我指的是用户设置或
浏览 7提问于2012-05-14得票数 1
回答已采纳
1回答
我最近一直在和head.js玩，但我发现了一个陌生人的行为，我认为这是不正常的。当我使用屏幕大小检测器调整大小功能时，大小的类不会改变，因为它会适应新的大小(当您更改窗口的大小时)。
有没有人在head.js上遇到过类似的问题？
谢谢!
编辑： Head.js回答了Github上的票证，问题解决了：
这个现在是固定的：
注意:此时我没有更新文件的小型化版本。
谢谢！
浏览 2提问于2010-12-02得票数 0
回答已采纳
有没有办法使用媒体查询而不是按预先确定的宽度逐步调整大小？例如。
目前我有一些类似的东西：
@media screen and (max-width: 1024px) { }
现在，只有当窗口达到神奇的1024px边界时，才会调整大小...然而，我需要它在每个阶段调整大小，而不仅仅是1024px。
如果用户将窗口缩小10%，则图像和字体大小也需要减小10%。
对于媒体查询，这是可能的吗?还是我必须走JS路线才能做到？
谢谢。
浏览 0提问于2011-07-06得票数 3
回答已采纳
我刚刚注意到，每当浏览器窗口被调整大小时，jquery调整大小事件就会触发两次。我无法找到任何将此作为默认行为的文档。我已经用jQuery 1.4和1.5在Chrome和Firefox的最新版本中测试了这一点。
还有人看到这种行为吗？有什么特别的原因吗？
更新：如果我单击浏览器窗口上的最大化按钮一次，就会发生这种情况。我知道，如果我手动将窗口拖到不同的大小，事件将被多次触发，但是最大化按钮不应该是这种情况。
下面是所使用的测试代码。浏览器调整大小的文本被输出两次：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/
浏览 5提问于2011-04-04得票数 24
回答已采纳
1回答
使用此代码，我的图表在拖动窗口时正在调整大小，但当我在windows上按最大化按钮或在mac上按全屏按钮时，则不是这样。这只是一个chart.js问题吗？这是我用来调整图表大小的JS。
// -- draw the chart ---
$(document).ready(function(){
var ctx = null;
chart= null;
var width = 0;
var screenWidth = $(window).width();
setTimeout(function(){
width = $('##chart').par
浏览 2提问于2015-05-12得票数 2
如何弹出覆盖整个屏幕的窗口？
我有以下代码：
Application.js
this.__panel = new myApp.MyPanel();
this.__panel.open();
MyPanel.js
qx.Class.define("myApp.MyPanel",
{
extend : qx.ui.window.Window,
construct : function()
{
this.base(arguments, "My Panel");
// adjust size
this.setWi
浏览 7提问于2013-05-22得票数 0
回答已采纳
关于绝对定位元素居中的文章有很多，但它们都是针对固定尺寸和固定窗口的。
但是，我希望居中的position:absolute元素的尺寸是可变的(mxn-width)，这取决于浏览器的大小。我希望我的元素保持水平居中，而不管窗口的大小，甚至当用户更改窗口大小时也是如此。
这在没有JS的情况下有可能实现吗？
浏览 1提问于2011-12-29得票数 0
1回答
使用卡布奇诺调整页面大小
、、、
当在窗口中拖动对象时，如何使用卡布奇诺增大窗口大小。下面是我的示例代码：
if(dragLocation.x < 1000.0 && dragLocation.y < 600.0) {
//drag is within the drawable area
[self setFrameOrigin:CGPointMake(dragLocation.x, dragLocation.y)];
dragLocation = location;
}
else {
//object is dragged ou
浏览 0提问于2013-04-12得票数 0
如何判断浏览器窗口在Silverlight/C#中是否最大化？
“表单”最大化功能将不起作用，因为我正在编写一个在浏览器中运行的silverlight应用程序。
我已经尝试过了：
App.Current.Host.Content.FullScreenChanged += new EventHandler(Content_FullScreenChanged)；
但是当我最大化窗口时，不会调用此事件处理程序。
最大化不是全屏
App.Current.Host.Content.IsFullScreen；
即使最大化窗口，也会返回false。
浏览 3提问于2011-07-15得票数 1
回答已采纳
换句话说我的问题。
我有一个web应用程序，使用‘xterm.js.js’，'ws‘和'ssh2’节点模块。一切都很好。除了一件事：
SIGWINCH窗口大小调整信号不会到达sshd服务器或ssh2流。其他符号，esc，ansi工作正常。Esc[8就消失了。
在实际的xterm中，echo -e "\e[8;30;120t"在两端调整终端的大小。这里不行。sock.send("\u001b[8;30;120t")也不会做任何事情。
my node应用服务器上的Console.log显示Esc[8(或\e、\u001b或\x1b)不成功。其他的转义
浏览 13提问于2017-08-20得票数 1
回答已采纳
我们的WordPress出现了问题。我们使用的是mediaelement.js。
所以<video>-tag和火狐都有问题。如果我减小窗口大小，视频不会变小。在Google Chrome和IE中，如果我将窗口缩小，视频会变小，这是没有问题的。
我不知道我能做什么。我试了很多方法，但什么也没发生:-(。
所以我们用的是视频...标记在WordPress中的文本块中。
例如，我尝试了"style: width:100%；height:100%;“，但在Firefox中什么也没有发生。
如何确保视频在Firefox中正确调整大小？
浏览 3提问于2015-06-11得票数 1
4回答
缩放字体大小与屏幕大小？
、、、、
我正在开发一个带有AngularJS 1.x和棱角材质的web应用程序。我正试图在md-display-4上创建一个带有大标题的登陆页面。
看上去是这样的：
正如您所看到的，标题很好地填充了页面，并适合于一行。
然而，这是在1680x1050监视器上。如果我将浏览器窗口移动到我的较小的1366x768监视器，则会得到以下结果：
正如您所看到的，字体保持相同的物理大小，并且溢出到下一行，并且不再以中心为中心。
根据屏幕大小，我如何确保字体缩放的一致性？
这是我的密码：
<html>
<head>
<title>FOO
浏览 12提问于2016-06-08得票数 3
回答已采纳
我想让我的SWF填充浏览器窗口，但是它不能在Chrome/FireFox中工作，除非用户手动调整浏览器的大小。
我使用Adobe的默认生成的html + swfobject.js来显示我的SWF。在html中，我用100%替换了所有闪存内容的高度和宽度。
不幸的是，在Chrome中，当您第一次打开页面时，Flash MovieClip不会填充浏览器，而是保留浏览器的默认高度和宽度。如果用户调整浏览器窗口的大小，一切都正常。
有没有javascript的技巧，或者我可以做些什么，让Flash认为它正在调整大小？
谢谢!
Clarification:，我想我的第一个问题还不清楚。我不想让滚动条出现
浏览 4提问于2011-08-12得票数 1
回答已采纳
如何获取承载插件窗口的浏览器窗口的句柄？我想询问它的大小，以便我可以适当地调整我的插件窗口的大小。
希望这是有道理的，克里斯蒂安
浏览 0提问于2012-09-25得票数 0
回答已采纳
使用Karate - geckodriver (Firefox)，我需要在特定的浏览器窗口大小下运行它。根据我尝试过的文档(JS配置文件)： karate.configure('driver', { type: 'geckodriver', executable: 'geckodriver', start: false, port: 4444, addOptions: ['windows-size=320,200'] }); 或 karate.configure('driver', { type: 'ge
浏览 24提问于2020-04-30得票数 1
回答已采纳
我有一个简单的JS脚本，包括：
OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
FF 21.0将其打开到浏览器窗口的完整大小。
Chrome和Opera会正确地将其打开到指定的宽度和高度。
这是FF中已知的bug吗？有什么办法可以绕过它吗？
浏览 3提问于2013-09-28得票数 0
1回答
当有人像这样调整浏览器窗口大小时，我需要设置最小宽度。所以用户不能调整大小不能更小。这是css方式还是JS？ 我试着做一些js工作，使用这个脚本，并修改了它，但没有运气。 window.onresize = function() {
if (window.innerWidth < 900) {
window.resizeTo(1024);
}
}; 我该怎么做呢？ ?
浏览 12提问于2019-01-15得票数 0
我有这样的代码
const mainScreen = electron.screen.getPrimaryDisplay();
const windowHeight = mainScreen.size.height;
const windowWidth = mainScreen.size.width;
driver.manage().window().setRect({width: windowWidth, height: windowHeight, x: 0, y: 0});
driver.get('http://www.google.com');
我对此有两个问题：
浏览 1提问于2019-03-04得票数 1
回答已采纳
2回答
$(window).resize(function(){
console.log('resize');
setheight();
});
我只是想激活当用户通过拖动窗口边缘而不是缩放来调整窗口大小时，但它实际上激活了放大和缩小功能，如何防止这种情况？？
浏览 0提问于2012-12-05得票数 1
回答已采纳
我的three.js代码是这样的：
cube = new THREE.Mesh(new THREE.CubeGeometry(200, 200, 200, 1, 1, 1, materials), new THREE.MeshFaceMaterial());
cube.position.y = 150;
cube.position.x = 0;
scene.add(cube);
但是当我渲染我的立方体时，这个立方体的大小总是不同的。我试着解释得更清楚。每次我调整浏览器大小并刷新页面时，立方体的大小都不同。可以设置立方体的大小固定吗？同样，如果窗口调整大小！
浏览 1提问于2012-04-23得票数 0
回答已采纳
在运行一组作用于覆盖窗口的特定Selenium测试时，我遇到了一个问题。问题是，显示覆盖窗口时，覆盖窗口不包含在Firefox浏览器窗口中(覆盖窗口的左侧被切断)。
奇怪的是，当在Visual Studio2010中使用MbUnit通过ReSharper在本地运行测试时，它们可以很好地通过，并且覆盖不会在浏览器窗口中显示截断(浏览器窗口在测试运行期间不会最大化)。然而，当使用MbUnit通过Jenkins job运行测试时，覆盖的左侧被火狐浏览器窗口的左侧切断(我尝试附加一个屏幕截图，但由于我是这里的新用户，我被阻止这样做)。
这是一个问题的原因，因为有一个上传按钮，需要点击，现在是不可访问的
浏览 0提问于2012-07-26得票数 2
我有这个剧本。很简单。但我的JS技能充其量是不稳定的。它使导航(定位在窗口底部)与内容一起滚动，直到到达页面顶部，然后保持不变。或者就像一些人会说的“粘稠的”
我的问题是，因为我的旗帜是100%的高度。.followTo(830)；只适用于我的屏幕分辨率。如何使followTo()找到窗口当前高度，然后按照此高度，然后从followTo值中减去20 to？那就太理想了。能否简单地做到这一点？
var windw = this;
$.fn.followTo = function ( pos ) {
var $this = this,
$wi
浏览 3提问于2016-01-15得票数 0
回答已采纳
1回答
我使用GWT (Version2.7)和在GWT应用程序中绘制一系列图表。
我试图在滚动面板中显示多个图表，右边是数据部分。数据部分是一个固定的宽度，包含图表的滚动面板应该占据窗口宽度的其余部分。当窗口大小改变时，图表的大小应该会改变。这是一张照片：
我大部分时间都在工作。当我增加窗口的大小时，图表会增长，，但是当我缩小窗口的大小时，图表区域不会缩小！
我希望图表的面积根据窗口的大小而增大和缩小。现在，成长的部分起作用，但收缩的部分不行。
下面是示例的代码：
package com.example.gwtcharttest.client;
import com.googl
浏览 6提问于2016-07-07得票数 0
回答已采纳
1回答
隐藏实际窗口大小
、、
我有一个问题，需要从web服务器隐藏/更改浏览器的实际窗口大小。我的意思是，web服务器应该了解有关我的实际代理窗口大小的错误信息。例如，如果我的实际窗口大小为X* Z，服务器应该将其读取为X/4 * Z/4。这可能吗？
注意:我不想使用无头浏览或任何其他可检测的技术。我只想让我的普通网页浏览器隐藏它的实际窗口大小的信息。
浏览 8提问于2022-09-09得票数 0
3回答
我有按钮，根据窗口宽度需要href值。页加载和窗口大小调整时，应更新href值。
<a href="http://google.com" class="myButton js-button">Google</a>
jQuery
$(function(){
function mobileButtonLink(){
var mobLoginLink = 'https://mobile.google.com',
$loginButton =
浏览 4提问于2014-08-11得票数 1
回答已采纳
我检查了google的本地API中有checkresize()方法。但它似乎不适用于来自gmaps.js的刷新功能。
是否有人在使用AngularJS和gMaps.js时遇到类似的问题？你是怎么解决这个问题的？
当我调整窗口的大小后，地图再次出现。所以，我在想，在gMap.js的初始化过程中，是否存在检查大小调整的问题？
浏览 8提问于2013-09-26得票数 4
回答已采纳
1回答
目前正在使用and和Bootstrap开发and应用程序。
问题是is查看器不能调整大小。我找到的唯一解决方案是在css中使用overflow: hidden;来限制窗口大小。你会明白这会导致不必要的资源使用，因为我们正在做一个简单的缓存错误。
有什么线索可以调整to查看器的大小吗？
var cesiumContainer = document.getElementById("cesiumContainer");
var ellipsoid = Cesium.Ellipsoid.WGS84;
var viewer = new Cesium.Viewer(&#
浏览 0提问于2018-12-13得票数 0
1回答
我之前问过这个类似的问题，关于将jquery定位在我的链接下面，有人给了我一个答案，它将显示我的鼠标光标clicks..this工作的弹出窗口，直到我得到一个很长的页面，多个popups...it停止工作……这是我以前的帖子：
为了解决我的问题，有人知道如何使弹出位置到一个#类吗？所以如果我的副手是：
<a href=\"#\" class=\"notesbutton\">Popup</a>
我希望弹出窗口出现在ahref类"notesbutton“下。
这是我的js代码：
;(function($) {
$(functi
浏览 3提问于2013-12-13得票数 0
回答已采纳
1回答
我正在写一个简单的论坛，应该可以显示图片。默认情况下，我只需要显示图像的一部分(默认宽度和默认高度)。我需要用户能够调整这个窗口的大小。因此，当用户放大窗口时，应该有更多的图像可以放入其中。滚动也应该是可用的(我找到了关于滚动的内容-- Scroll full image inside div 但它不允许更改窗口大小。该怎么做呢？谢谢 js： imgUrl= document.getElementById("view_topic").getAttribute( "data-url" );
$('.img-wrapper').append($(&
浏览 26提问于2020-06-13得票数 0
4回答
我正在创建一个具有这种结构的网站：
其中红色框表示用户的浏览器窗口。当用户单击主页(底部)上的按钮时，它会滑到新场景(例如，平流层)。每个场景都是一个完整的图像。现在的问题是，我需要考虑使用不同屏幕大小的用户以及他们何时调整窗口大小。我已经寻找了使用CSS或JavaScript调整背景图片大小的方法，但这对我来说效果不好。我需要找到一些方法，让它们都适合使用不同屏幕尺寸的每个人。我有一个想法-我知道这听起来很笨拙，但是写一个PHP脚本来根据JS给出的尺寸调整图像的大小可行吗？JS找到浏览器窗口的大小，将其传递给PHP，PHP返回JS需要的图像。当用户调整浏览器窗口大小时也会发生这种情况...
浏览 0提问于2012-08-02得票数 4
我将div的偏移量存储为文档大小的百分比(例如，{position_x: 0.50，position_y: 0.50} )。然后将该数字与文档宽度/高度相乘，得到我用来设置div偏移量的像素值。问题是，当第一次加载文档时，文档大小和窗口大小被计算为相同的东西，因此{position_x: 0.50，position_y: 0.50}是窗口500px宽/高的50%，而不是文档的1200px宽/高的50%。如何在设置偏移量之前使文档大小完全呈现？
$(function() {
var offset= {
position_x: 0.5,
position_y: 0.5
};
var
浏览 17提问于2017-03-05得票数 0
1回答
我正在尝试创建一个具有系统应用行为的webapp，比如在主窗口仍然保持打开状态的情况下最小化和最大化窗口？
对我如何获得正确的工具或代码有什么建议吗？
浏览 2提问于2017-01-12得票数 0
回答已采纳
我不知道如何在Stack Overflow中搜索相同的问题。所以，我问这个问题。
我设置了两个按钮position: absolute;和它们的父元素position: relative;。如果大的Chrome窗口，他们是美丽的。使用鼠标时，将窗口大小更改为较小的大小。按钮定位错误的position.They是丑陋的。如下所示：
大窗户:红色按钮和绿色按钮在我需要的位置。
小窗口:红色按钮和绿色按钮在错误的位置。
在小窗口中，两个按钮位于中心位置。(我看上去像在中间位置。)
我想要的东西--在蓝色元素中相同的右上方和中心位置。。
我的代码如下：
<style>
浏览 6提问于2017-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
