1回答
在浏览器中模拟窗口尺寸
、、、
我正在开发一个WYSIWYG编辑器，用于构建响应式布局(通过Bootstrap)，作为一个副项目。我希望我可以构建它与缩放/滚动功能(类似于PDF查看器或Photoshop)，并允许用户设置/更改“窗口”的尺寸正在渲染的网站。
为了确保WYSIWYG编辑器正确显示布局，我想将它放在div中，并将div的尺寸设置为我正在模拟的浏览器窗口的尺寸。这是否有可能开箱即用，使用流畅的布局？否则，我可以编辑JS来查找目标div，而不是窗口，以便检测尺寸，但我更喜欢前一种方法。
谢谢!
浏览 4提问于2012-12-07得票数 0
关于绝对定位元素居中的文章有很多，但它们都是针对固定尺寸和固定窗口的。
但是，我希望居中的position:absolute元素的尺寸是可变的(mxn-width)，这取决于浏览器的大小。我希望我的元素保持水平居中，而不管窗口的大小，甚至当用户更改窗口大小时也是如此。
这在没有JS的情况下有可能实现吗？
浏览 1提问于2011-12-29得票数 0
4回答
我尝试实现的内容类似于此模板上的幻灯片
请注意，当您调整窗口大小时，幻灯片中的图像是如何剪切的。这能用纯CSS或JS实现吗？
我知道我可以用屏幕调整图像的大小
.img {
width: 100%;
}
和
<img src="..." class="img" />
但我想保持图像固定到浏览器的最大尺寸，而不是通过调整窗口大小来改变它的尺寸。
浏览 2提问于2013-07-08得票数 0
回答已采纳
解决方案是使用Blazor模板构建的。当窗口调整大小时，我可以显示窗口尺寸。
当窗口打开时，我看不到如何显示窗口尺寸。
我的HTML在一个.razor文件中。内容如下：
@page "/termsAndConditions"
@inject IJSRuntime jsRuntime
<body class="text-center">
<span id="windowInnerWidth"></span>
&a
浏览 3提问于2020-12-04得票数 0
回答已采纳
1回答
是否可以根据窗口尺寸让文本填充页面？
例如，我希望有如下内容：
屏幕左侧的文本填充它所在的div。如果我要调整窗口的大小，"ExampleText“的行数应该会改变。
不幸的是，我没有任何代码要显示，因为我不知道如何启动这一点。我想我将不得不使用JS来处理其中的一些问题，但我不知道如何让JS收集窗口的维度。
非常感谢。
浏览 3提问于2015-03-17得票数 0
回答已采纳
1回答
调整浏览器窗口
、、、
在单击ahref链接后，是否有JS或html脚本来调整浏览器窗口的大小？
Site1：Window (750x400px) --单击并调整大小--> Site2：Window (全尺寸)
浏览 2提问于2015-02-19得票数 0
1回答
如何让iframe自动占据整个空间。
例如，在mozilla firefox和ie6中，只打开了半个窗口
我怎样才能确保屏幕的最大尺寸。有没有css或js可以做到这一点？
浏览 1提问于2011-08-16得票数 1
回答已采纳
2回答
经过无数次的调查，我仍然无法得到一个明确的答案。
我需要一个div来环绕一个响应性的图像，但是图像
是不太大的尺寸
应该有一个70%的包装高度，但宽度可以是任何，根据尺寸比。
当窗口向上或向下调整时，应保持尺寸比(此时只在缩放时保持尺寸比)
JSFiddle：
div {
height: 60%;
display: inline-block;
border: 2px solid brown;
}
img {
height: 70%;
width:auto:
display: block;
}
奇怪的是，在IE9中，这是按要求工作的，但在Chrome中，图像放大到div上，并
浏览 4提问于2015-07-20得票数 0
回答已采纳
我有一个使用灯箱.js插件的投资组合页面，我希望能够关闭时，我有一个小于480的屏幕尺寸，因为框弹出窗口太大。有没有办法在css中做到这一点？如果不是，我该如何在.js中实现这一点呢？
这是站点
浏览 4提问于2013-02-23得票数 1
2回答
因此，我使用tooltipster.js库来显示工具提示，并尝试在不同的屏幕尺寸上更改工具提示的默认距离。
下面是默认的init：
$(inputTooltipTrigger).tooltipster({
distance: 24,
theme: 'test',
trigger: 'custom'
});
如果窗口宽度大于641px，则距离更改为6
if ($(window).width() > 641){
$(inputTooltipTrigger).tooltipster({
distance:
浏览 22提问于2016-09-15得票数 1
我正在用JavaScript编写Three.js来使用WebGL。
我的代码调用：
renderer.setSize( 100, 100 );
窗户比那个尺寸大得多。
渲染的场景放置在窗口的左上角。
我想以它为中心。
我如何使渲染的场景中心化？
浏览 1提问于2017-12-14得票数 0
1回答
我试图设置窗口尺寸在窗口调整事件期间使用的方法。似乎这些维度只是在代码第一次运行时设置的。当我试图调整窗口的尺寸时，尺寸不会改变。我创建了一个沙箱示例
浏览 0提问于2020-06-18得票数 1
回答已采纳
2回答
我正在尝试构建一个使用Google Charts api绘制折线图的应用程序。我已经设置好的一件事是在窗口上为'resize‘事件设置一个事件侦听器。这会触发折线图重新绘制尺寸设置为“window.innerWidth”和“window.innerHeight”的尺寸，以适应新的窗口大小。
如果我使用npm start运行应用程序，这一切都运行得很好。问题是当我使用电子打包器构建应用程序时。运行它构建的exe会抛出以下代码：
这是我的HTML：
<!DOCTYPE html>
<html>
<head>
<meta chars
浏览 3提问于2016-11-08得票数 7
回答已采纳
我今天早些时候刚刚下载了p5.js编辑器，我一直在玩它，主要是为了好玩。但是，我注意到，在使用createCanvas()时，只有在第一次执行代码时，结果窗口的大小才是正确的。每次随后，窗口高度都会减少少量，而窗口宽度会以类似的量增加。
下面是我的代码：
function setup() {
createCanvas(600, 400);
}
function draw() {
background(0);
strokeWeight(4);
stroke(255);
//Create rows of circles with a thick white outline
浏览 0提问于2016-06-07得票数 1
我正在创建一个照片网站-我上传了自己的照片，这实际上是错误的方向(图像是逆时针旋转90度)。我从我的iPhone上传了这张照片，很明显这张图片是故意用这种方式存储的。
在我的站点上，HTML页面呈现了一个JSON对象，它包含到照片的URL以及图像尺寸。我使用的是jQuery移动和加载的页面，我在页面上放置了一个链接，当您单击照片时，它将照片显示为弹出窗口。弹出窗口呈现一个尺寸足够小的<img>标记，以适应当前视口宽度/高度内的图像。它使用前面提到的JSON计算维度，以及$(window).width()和$(window).height()的结果。
在桌面上-照片正确地显示在错误的
浏览 1提问于2014-01-18得票数 4
回答已采纳
3回答
我想调整浏览器窗口大小为1000x700像素的html页面加载默认。此外，无论何时调整窗口大小，都应保持最小尺寸1000x700。我试过了
window.onresize = function(){
window.resizeTo(1000,700);
};
但在IE8中它不工作，给出错误“访问被拒绝”，然而在FF中它工作正常。
请指导我一些可以使用JS处理的替代解决方案
浏览 1提问于2010-01-08得票数 0
回答已采纳
我试图获得一个‘顶级’的HWND的维度。Ie，我需要Firefox/Windows /etc窗口的主HWND的当前尺寸。
如果窗口最小化，GetWindowRect()将无法工作。GetWindowPlacement()适用于大多数情况(包括最小化)，但它返回窗口的SW_SHOWNORMAL维度。因此，如果我将Windows的大小调整为100像素乘100像素，则将窗口最大化，然后调用GetWindowPlacement()，我将得到100x100的SW_SHOWNORMAL尺寸。我想要最大化的尺寸(即窗口的当前尺寸)。
是否有一个适合于所有WinAPI函数的大小可以满足我的所有情况？例如，告诉
浏览 1提问于2016-06-07得票数 1
我想根据浏览器窗口的宽度变化来调整raphael画布区域的宽度，但是我的代码没有像我预期的那样工作。以下代码显示了我尝试过的内容：
我的index.html页面：
<body>
<div class="my-canvas">
<script src="js/jquery-1.5.1.js"></script>
<script src="js/raphael.js"></script>
<script src="js/myWin.js
浏览 5提问于2011-05-30得票数 2
1回答
对于我的网站，我使用jquery.pagescroller.lite.js。在.js文件中，我按照以下方式对函数进行了初始化：
$(document).ready(function(){
// initiate page scroller plugin
$('body').pageScroller({
navigation: '#nav',
scrollOffset: -195
});
});
现在，只有当窗口大小介于768 if和959 if之间时，我才需要更改scrollOffset值
浏览 0提问于2014-04-29得票数 0
如何根据窗口的大小调整QWebView窗口的大小？现在我知道我只能给它一些特定的尺寸，但是我怎么才能使它100%宽和100%高，并随着我使窗口变大或变小而改变呢？
基本上，如果我要调整大小，它也会调整QWebview的大小。我该怎么做呢？
我看到有尺寸尺寸，但我不知道如何让它根据窗口应用程序调整大小。
浏览 9提问于2014-03-06得票数 1
2回答
下面的html代码产生了一个链接，上面写着"sacola The compras“
<div>
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script>
<script type="text/javascript">
xMinicart("style=","layout=Mini");
</script>
</div&g
浏览 0提问于2014-04-28得票数 0
我有一些键盘快捷键，在屏幕周围贴瓷砖窗口。在表面之下，他们只执行各种xdotool命令。
例如，这里有一个将当前窗口移动到屏幕左侧的窗口：
xdotool getactivewindow windowsize 50% 100% && xdotool getwindowfocus windowmove 0 0
这在大多数情况下都很有效，但是我注意到当一个特定的窗口是“全尺寸”时，它就不能工作了。澄清:所谓的“全尺寸”，我指的是窗口状态，当你双击窗口标题，它扩展到全尺寸，不一定是全屏。
为了快捷方式的工作，我必须调整窗口的一些小的大小或双击窗口标题栏再次缩小大小，然后它再次伟大的工
浏览 0提问于2022-01-08得票数 4
回答已采纳
3回答
我的目标：我想创建一个HTML部门，它的样式是，比方说，从浏览器窗口的每一个边缘都是35 be。此外，我希望这个除法标签保持35 in空间与浏览器之间的边缘，即使用户正在放大和放大他们的浏览器，如果浏览器是最大化的，而实际的监视器要么是全屏的，要么是宽屏幕的显示。
可视化：是一个矩形形状，它在浏览器尺寸变化时动态地调整其尺寸，但总是在矩形形状边缘和浏览器窗口边缘之间保持固定的空间。
任何关于如何完成这一任务的见解都将不胜感激。如果我找到了我正在寻找的答案，我将分享一个JS的例子。
答案：
浏览 2提问于2012-08-23得票数 2
回答已采纳
1回答
为了验证我的布局可以在不同的屏幕尺寸上工作，我的验收测试实际上是这样的：
require "spec_helper"
[:small, :medium, :large].each do |size|
feature "Some feature", js: true, screen_size: size do
scenario "Some scenario" do
# ...
end
end
end
在我的spec helper中，我将rspec配置为使用before(:each)块来调整浏览器窗口的大小。
R
浏览 0提问于2013-11-28得票数 1
1回答
我对GTK用户有一个问题，在我的程序中，我需要很多图像，我想知道我是否可以以某种方式将iconview与图像联系起来？因为这些图像中的一些会很大，我想在一个窗口中显示矮星，在另一个窗口中显示全尺寸。或者我必须使用表格，然后从图像中制作小图标，将它们放在表格中，保存原始尺寸，然后在另一个窗口中恢复原始尺寸，在那里我想要拥有完整尺寸的图片？
很抱歉打扰您，并提前表示感谢。
浏览 0提问于2011-01-28得票数 0
2回答
我使用的是Vaadin 7。我想在弹出窗口中显示一个完整尺寸的图像。弹出窗口不包含任何关闭按钮，也不调整大小。只是一个图像，采取完整的尺寸在弹出窗口。以前有人这么做过吗？谢谢。
浏览 0提问于2014-07-09得票数 0
1回答
在我的应用程序中，用户可以点击一个键在大窗口和小窗口之间切换。在较小的尺寸下，窗口的大小刚好足以包含某个视图。在大尺寸下，视图变得更大，保持其纵横比，因此视图最终与窗口一样高，但不像窗口那么宽。如果尺寸较大，视图需要在窗口中居中。
现在我分两步来做这个：(1)调整窗口大小，(2)调整大小并移动视图。但是，用户可以看到这两个步骤一个接一个地发生，而不是同时发生。有没有办法让它看起来像是NSWindow和NSView同时调整大小/移动？或者其他方法来解决这个问题？
浏览 0提问于2011-08-09得票数 4
回答已采纳
我希望能够改变我设置的智能窗口的尺寸，只要点击给定的标记就会出现。默认的大小调整机制不会产生足够宽的窗口。已检查，但找不到任何将尺寸传递到智能窗口的方法。这有可能吗？
浏览 1提问于2011-03-28得票数 0
回答已采纳
1回答
Jquery调整文档高度
、、、、
我的jQuery/JS代码有点问题。
每当窗口调整大小时，都应该运行“拉伸”函数。
现在，我试过这个：
function stretch() {
var stretch_elem = $('.stretch');
if (stretch_elem.length) {
var h = $(document).height() - stretch_elem.offset().top - 70;
stretch_elem.height(h);
}
}
$(window).resize(stretch);
但是当我调整窗户的尺寸
浏览 0提问于2015-11-25得票数 0
回答已采纳
我正在尝试在网页中实现一个效果。网页必须完全覆盖一个透明窗口的背景(这个窗口基本上会突出显示页面的一些页面，以引起用户的注意)。窗口的大小事先是未知的，必须在前端实现效果。所以我可以自由地使用html，css和js。 ? 我不知道只用css就能达到这种效果的方法。我不能使用像png图像背景这样的东西，因为透明窗口的大小和尺寸会动态变化。我正在考虑为生成画布，并将其用作div元素的背景图像。 是否可以按照我的示例图像生成画布并将其用作背景？你能举个例子吗？谢谢。
浏览 138提问于2019-10-08得票数 1
回答已采纳
1回答
我正在使用这个d3js日历，我需要帮助使这个日历的内容响应于BS3div。调整窗口大小后调用重绘不会调整内块或日历颜色块的大小。所以我试着得到新的尺寸和尺寸，但不知道下一步该怎么做.
//I can get the box, and get the aspect ratio
var contr = d3.select(svg.node().parentnode)
w = parseInt(svg.style("width "))
h = parseInt(svg.style("height "))
aspect = w / h;
浏览 1提问于2015-04-10得票数 0
回答已采纳
我想知道是否可以手动设置整个应用程序窗口的尺寸。
我知道钩子，但我对监听窗口的尺寸变化不感兴趣，我感兴趣的是设置它们。
例如，我想将整个应用程序的高度设置为可用屏幕尺寸的50%。
我找不到任何关于这个特定请求的文档。
这个是可能的吗？多么?
浏览 0提问于2020-06-24得票数 1
1回答
我有一个尺寸为w和h的文档，里面有一个尺寸为w1和h1的矩形，位于x和y坐标中。
要计算x和y，以使矩形始终在我使用的文档中居中：
x = (w / 2) - (w1 / 2)
y = (h / 2) - (h1 / 2)
而且它起作用了！
但我也想动态地更改w1和h1，使其始终与w和h成比例。例如，如果文档变得比矩形小，则矩形在缩小时应保持其比例。
那么，如何计算w1和h1呢？
"document“是html5画布，矩形是一个图像。我正在使用javascript。
谢谢!
这里有一个JS小提琴：尝试缩放窗口:矩形始终保持在中心。但是如果窗口变小了，它就不会调整大小。我错过了计算w1和
浏览 3提问于2012-10-02得票数 0
回答已采纳
2回答
我正在用设计模式MVVM在WPF中做一个应用程序。我有全尺寸的窗口(不仅最大化，而且是全尺寸的)。
我需要切换一个窗口到另一个窗口(通过按下窗口A中的x键打开窗口B，当窗口B显示时关闭窗口A)。
我正在关闭窗口B中加载事件中的窗口A，但在显示窗口B之前，我仍然可以在一段时间内看到桌面。
如何在不看桌面的情况下做到这一点？
浏览 1提问于2013-11-03得票数 0
回答已采纳
1回答
除了pygame.display.Info()或pygame.display.set_mode()返回的表面之外，还有其他方法可以获取窗口的尺寸吗？
我正在开发一个窗口大小可调的软件。虽然设置默认尺寸对于大多数窗口管理器来说都是可以的，但平铺尺寸(如Awesome、Xmonad等)会自动将窗口调整为他们选择的动态尺寸。在SDL创建初始窗口后，这种重新调整发生得非常快，它不会生成具有新的(正确的)维度的pygame.VIDEORESIZE事件。
现在，如果我在开始时生成一个新大小为0的伪videoresize事件，事情就可以正常运行了：
P.event.post(P.event.Event(P.
浏览 1提问于2013-05-08得票数 1
2回答
我正在努力制作网页，我正在进行调整大小的工作。我已经成功地通过使用边距属性来居中元素，但是一旦我开始调整浏览器窗口的大小，我的徽标和发货图像就不合适了，直到它变得非常小，并一排排地掉下来。这是15.6英寸的屏幕时，在全尺寸。
当调整尺寸时会发生这样的情况：
！调整大小]2
这是可以的，当尺寸调整到最小宽度时：
我想避免在第二张图片中的情况，同时保持外观的全尺寸窗口和最小宽度窗口。我应该如何做到这一点，我一直与定位元素的方式，我想为每一个窗口的高度/宽度，所以我想一劳永逸地掌握这个项目。
浏览 0提问于2020-04-25得票数 0
回答已采纳
1回答
我试着做一个简单的中心弹出div来显示里面的图像。弹出div应该具有图像的大小，但是当图像较大时，页面窗口则是其父窗口的溢出。我想设置图像的最大尺寸为窗口大小，而不使用JS。
我试着这么做，但这不管用，有什么想法吗？
body {
color: red;
}
.popup-window {
padding : 5px;
background-color: aquamarine;
display : inline-block;
position : absolute;
top
浏览 3提问于2021-09-15得票数 0
3回答
是否可以将窗口尺寸设置为大于屏幕尺寸？例如，我打开TextEdit并使用以下代码：
set bounds of window 1 to {10, 10, 400, 2200}
但是高度永远不会达到2200标记。它受到屏幕大小的限制。我希望我可以强迫高度超过屏幕尺寸，以便我可以截图全长窗口。
很高兴尝试其他语言，这将在工作。也许objective-c，Cocoa应用程序？
浏览 20提问于2011-11-10得票数 2
回答已采纳
我用的是黄鳍蟒蛇。当窗口处于全屏模式时，当我向下拖动标题栏(这将减小屏幕尺寸)时，宽度变为大约1像素；我只能看到一条很细的垂直线，有时它会突然消失，但窗口仍然处于活动状态。
如何使用eel python设置窗口的最小尺寸？
浏览 33提问于2020-05-19得票数 0
如何根据modalDialog弹出窗口显示的主体尺寸设置其尺寸？
我在一个弹出式窗口中显示了一个小表格，该表格的形式是从父页面调用的modalDialog。我需要根据表格的高度显示弹出窗口，当弹出窗口出现时。这样，弹出窗口就不会显示table..right未占用的身体空白部分，而且看起来会更好。这就是我要找的。
浏览 2提问于2011-07-22得票数 0
1回答
我想要将SDI应用程序中的框架窗口调整到子视图窗口的给定尺寸(我希望框架适合图像的尺寸)。有没有人能描述一个(优雅的)解决方案，在不实际调整窗口大小的情况下，找到子视图客户端大小和框架窗口大小之间的关系？
目前我正在使用GetParentFrame()->MoveWindow(，，，)来调整框架窗口的大小。我已经尝试观察了GetParentWindow()、->GetClientRect()和GetParentWindow()、->GetWindowRect()之间的区别，但是没有帮助。
浏览 1提问于2012-03-31得票数 0
我有一个大的div设置为窗口的100%的宽度和高度。它可以使用overflow: hidden滚动。怎样才能知道整个元素内部的宽度呢？$('#gallery').scrollWidth返回Undefined，其他返回窗口宽度。
我知道窗口宽度是div的“正确”尺寸，但是有没有办法得到里面可滚动的内容的尺寸呢？
浏览 0提问于2012-04-10得票数 0
1回答
我正面临着一个奇怪的问题。我知道IE在计算窗口的高度和宽度时与其他浏览器的行为非常不同，但我对我所发现的非常震惊。这是密码。
var i = 1;
setInterval(function() {
if (i % 2 == 0)
$("body").css("zoom","0.15");
else
$("body").css("zoom","1");
i++;
console.log(i+" ("+$(window).
浏览 1提问于2012-12-17得票数 0
准确地说，当您在窗口边缘单击并按住鼠标左键时，它会在终端窗口中心弹出一个小框，将当前屏幕尺寸显示为列x行。当您调整终端屏幕的大小时，它将向您显示新的大小，这样您就可以轻松地获得所需的屏幕尺寸。
这是非常有用的，如果你是运行一个老的字符为基础的应用程序，需要特定的屏幕尺寸。
我知道您可以更改配置文件首选项中的屏幕大小，并且当您在默认配置文件中打开一个新的终端窗口时，它将打开到所定义的屏幕大小，但如果您经常更改屏幕大小，则必须打开一个新的终端窗口才能恢复到所需的尺寸是很痛苦的。
显示列x行的小框在我新的、可靠的VM中根本没有出现。
浏览 0提问于2014-05-11得票数 1
回答已采纳
1回答
窗户尺寸: 640 * 480
纹理尺寸: 1280 * 720
你好，我怎样才能把纹理缩放到游戏窗口呢？
浏览 2提问于2020-05-03得票数 1
回答已采纳
3回答
假设我有一个Android View，它被另一个View部分屏蔽了。例如，假设遮罩视图的中心有一个透明的矩形“窗口”，而我的视图在窗口下方居中，其尺寸大于窗口的尺寸。在这种情况下，视图的某些矩形部分将可见，其余部分将被遮罩遮挡。
所以我的问题是，有没有什么直接的方法可以在不访问遮罩视图本身的情况下检索可见区域的位置和尺寸(所以不需要知道遮罩的“窗口”本身有多大)？
我尝试调用getLocalVisibleRect()，这听起来很有希望，但似乎只返回视图的布局矩形，而不是实际可见的矩形。
浏览 61提问于2012-01-31得票数 26
我有一个“弹出窗口”，它显示从mousemove上的数据库检索到的数据，并出现在鼠标位置。它看起来是这样的：
<div (mousemove)="onMouseMove($event)></div>
onMouseMove(event: MouseEvent) {
this.xCoord = event.x
this.yCoord = event.y
}
<div [style.left.px]="xCoord" [style.top.px]="yCoord" class="popup"&
浏览 0提问于2017-04-27得票数 1
1回答
窗口和屏幕尺寸的变化
、、、、
如果窗口和屏幕尺寸发生变化，我可以监听JavaScript事件吗？我知道明显的resize事件，但有趣的是，在没有触发此事件的情况下，我的窗口和屏幕尺寸正在发生变化。
我的设置非常奇特--我有两个外部监视器，一个在正常的变焦级别，另一个在200%的缩放级别。似乎在加载网页的过程中，窗口/屏幕尺寸(例如window.innerWidth、window.innerHeight、screen.width等).正在发生变化。
请注意，我使用的浏览器是IE11。
浏览 6提问于2017-10-03得票数 0
回答已采纳
我有一个窗口，它是我设置的setContentBorderThickness:42 forEdge:NSMinYEdge。
现在，当我执行[[window contentSize] frame]时，它仍然显示窗口的尺寸(减去顶部带有标题和按钮的栏)，但它不会减去边框厚度的42。
请问，我如何获得空白区的适当尺寸？
浏览 0提问于2012-04-29得票数 0
回答已采纳
1回答
我在调整窗口尺寸方面有问题。我应该在调整元素的大小时追加一次，但它会出现更多次。我怎么才能修好它？在这里您可以找到一个示例，调整窗口的时间更长，然后单击第一个div，您将看到问题：
$(window).on('resize', function() {
var windowW = $(window).width();
console.log(windowW);
if(windowW <= 670){
$('.take').on('click touchstart',
浏览 0提问于2018-05-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
