我想根据浏览器窗口的宽度变化来调整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
我使用最新的Chart.js 2.9.3。
我试图绘制一个厚度取决于浏览器窗口大小的水平条:从浏览器窗口全屏时的50，到浏览器窗口调整到非常小的高度时的20。
我尝试了以下代码--但bar始终是50 ()：
var ctx = document.getElementById('chart').getContext('2d');
var chart = new Chart(ctx, {
type: 'horizontalBar',
data: {
l
浏览 2提问于2020-06-01得票数 0
1回答
我使用selenium来获取浏览器的窗口大小。这和窗口的大小不一样。
在JS中，我们可以通过
driver.manage().window().getSize();
在Python里，我能找到的只有
driver.get_window_size()
但是这给出了窗口大小，这与浏览器的大小不一样。
如何在selenium中获得浏览器窗口大小？
浏览 15提问于2022-07-24得票数 0
2回答
使文本100%伸展
、、、
所以，我说这对我的当事人来说可能是可能的，我说我会研究并让他知道。总之，使用JS或CSS黑客，是否有可能使文本100%扩展到窗口？我的意思是，我如何使他的网站的标题，无论窗口大小，正好符合100%的窗口动态更改字体大小等于相同的宽度？
我目前正在尝试使用O来创建一个隐藏的跨度，并动态地拉出跨度的大小，保持O，看看它是否改变了，如果改变了，则根据特定的大小调整字体大小。这是超级无趣，也不是防弹的，所以我问。
浏览 3提问于2010-10-17得票数 2
回答已采纳
1回答
我下载了这个Reactbootstrap主题，并让它与NextJS一起工作。困扰我的问题是我在Layout.js中的Layout.js有点超出了窗口。就像垂直滚动条一样，水平边距也在增加。解决方案是用div覆盖滚动条吗？我只是想要它，所以<div className="main-panel">适合在窗口和不需要一个水平滚动。我不知道怎么解释，但我有一个例子要给你看。
下面是Layout.js呈现：
return (
<div className="wrapper">
<Sidebar rout
浏览 1提问于2021-12-12得票数 0
回答已采纳
1回答
让最大宽度的柱子变液体？
、、、
我有一个流畅的/响应性的列布局，如：
.row{
float:left;
max-width:960px;
width:100%;
}
.column{
float:left;
margin:0 15px;
}
.column:first-child{
margin-left:0;
}
.column:last-child{
margin-right:0;
}
.column.third{
max-width:300px;
}
html：
<div clas="row">
<div
浏览 2提问于2014-04-28得票数 1
回答已采纳
1回答
我想有一个只有一张图片的网站的html css解决方案。我有以下要求：
如果使用任何浏览器打开网站，则图片的宽度=浏览器窗口的宽度
你可以放大图片
我有一个解决方案，通过使用window.screen.width * window.devicePixelRatio (参见 )，通过js获取浏览器窗口的大小，但它并不适用于所有设备。如果我使用这样的东西，我就不能放大：
<img style="width:100%;" src="https://images8.alphacoders.com/712/712496.jpg">
是否
浏览 4提问于2020-05-19得票数 1
这个问题在实际行动中解决了一半。
现在，它是用javascript中硬编码的容器宽度设置的。
我需要的js抓取宽度的容器div调整它与窗口滚动。但仅调整#container div宽度的1/3。
它目前的设置方式是，您必须手动将脚本设置为css中div的宽度。我希望能够在css中更改div的宽度，让js抓取它，并只允许用户在到达窗口底部时调整其宽度的1/3。
浏览 0提问于2012-07-29得票数 3
我正在尝试创建一个弹出式窗口，无论用户如何调整他/她的窗口大小，它都会固定在屏幕中间
下面是im用来完成此任务的js。
$(window).resize(function() {
return $(".wrapper").css({
position: "fixed",
left: ($(window).width() - $(".wrapper").outerWidth()) / 2,
top: ($(window).height() - $(".wrapper").outerHeight()) / 2
});
浏览 0提问于2013-08-30得票数 0
2回答
我正在尝试制作一个带有顶部边框的网站，但是当浏览器窗口被压缩，并且出现水平滚动条时，只有当滚动条位于其原始位置时，顶部的边框才可见。如果向右滚动，边框将停止。
HTML代码：
<div id='container'>
<div id='content'>
As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
&l
浏览 2提问于2013-04-28得票数 2
2回答
为了使窗口出现在我的网页上，我一直在关注这个jquery演示。这个演示可以在这里找到：
我试图创建的窗口如下所示：
您会注意到，窗口出现在实际网页上，可以选择按x或or按钮返回实际网页。我想用自己的界面来替换窗口的外观和内容，同时保持x和of按钮的功能。我一直在查看一些文件，并且在更改窗口宽度时遇到了一些问题。我的问题是如何根据屏幕大小的百分比或像素计数来设置窗口高度的宽度？我想要一个严格的窗口大小，这样它就能满足我想要做的事情的要求。我一直很难让这件事起作用。
以下是源代码：
由于我对代码进行了截图，您还可以通过以下链接找到完整的源代码：
我查看了一些依赖文件，如jquery.j
浏览 5提问于2015-08-03得票数 2
回答已采纳
我能够用js做我需要做的事情，你可以看到它的，调整窗口大小来理解我的意思。
代码是：
$(window).resize(function() {
var offset = $("#two").offset();
$('#three').css('width',offset.left+320);
});
这个想法是红色的div总是“居中”的，但绿色div中溢出read的部分(用箭头指向)总是相同的：
但是当你调整它的大小时，它看起来并不那么好，有没有可能只用css呢？或者修改js，让它看起来更流畅？
浏览 0提问于2013-02-01得票数 2
1回答
我目前在HTML的正文中设置了弹出窗口的大小。这是硬编码的，只允许一种大小。 我需要它能够支持不同的弹出窗口大小。我怎么才能做到这一点，而不是硬编码到app.js或超文本标记语言？ 我是用react构建的，所以每个弹出窗口都是它自己的组件，并且会根据用户正在做的事情以不同的大小呈现。
浏览 236提问于2021-08-16得票数 0
我有一个div，它设置为窗口高度的100%，最大宽度为窗口宽度的66%。html和body设置为100%，overflow:none，因此不允许/不允许滚动。
我希望能够缩放任意的<img>来填充尽可能多的空间。我不喜欢使用背景图像，因为现有的JS代码与<img>元素交互。
这似乎是一个显而易见的起点：
<img style="height:100%;max-width:66%">
但最大宽度似乎来自浏览器高度的百分比，而不是宽度。而且它不会保持它的纵横比，这绝对是一个不想要的效果！
我可以使用JS来完成这项任务，但如果有CSS解决方案，我会
浏览 1提问于2016-02-23得票数 0
我在Joomla设计一个网页！我遇到了一个问题，在这个问题中，我看不到一个元素，它会导致页面水平滚动。
对于js和jQuery，我是完全没用的，所以有人能帮我编写一个脚本来输出所有宽度大于特定值或大于浏览器窗口的元素吗？或者以其他方式找出哪个元素会导致浏览器水平滚动？
我更喜欢一行控制台脚本，但.js文件也可以。
浏览 5提问于2013-10-26得票数 8
回答已采纳
1回答
我正在努力解决DIV在图片上的正确定位问题。它使用JS向上和向下滚动，效果很好。问题是，我不能调整浏览器窗口的大小。在这种情况下，DIV覆盖了页面的内容。
DIV的CSS：
#topbar_right{
position:absolute;
margin-top: -5px;
z-index: 2;
right:50%;
margin-right:100px;
}
我的问题是:如何定位这个div，使其右边缘始终位于同一位置，并且在调整窗口大小时不会覆盖内容。
感谢您的回复！
浏览 1提问于2013-04-12得票数 0
我在这里有一个页面，其中包含两个元素，并在运行过程中启动，但是我无法使第一个元素响应。
第一个元素是一个SVG的路径动画从拉兹线画家，它拒绝成为响应的书面代码，不移动时，窗口是调整大小，我需要帮助。
第二个元素是一个标题，它反应迅速，看上去很棒。
问题是:如何使第一个元素像第二个元素那样工作，从而响应而不是固定(在调整窗口大小时似乎是固定的)？
HTML:
<!DOCTYPE html>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js
浏览 3提问于2014-11-20得票数 2
1回答
从浏览器窗口溢出的旋转文本
、、、、
我有一个旋转的标题在流体布局网站内的问题:我想让这个标题调整根据浏览器窗口的高度。然而，现在，当我调整窗口大小时，文本的顶部会溢出并隐藏起来。
我发现，这可能与视口和新的“移动优先”的引导3的方法有关，但我实在是瞎了眼。同时，应用overflow : hidden属性，但没有成功。
下面是HTML：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content=&#
浏览 3提问于2014-01-05得票数 0
回答已采纳
另一个简单的JS/HTML问题。如何让HTML元素始终伸展到页面底部？
我试过做height: 100%;，但它超出了页面的底部(因为它不在顶部，我想)。
做这件事的首选方法是什么？如果调整窗口大小，它应该使窗口底部达到窗口底部。
浏览 0提问于2013-08-06得票数 0
我可以使我的HighChart图表出现在一个固定位置的jQuery对话框中，该对话框的宽度设置为百分比减去某些像素。
但我的问题是，一旦打开对话框，图表的宽度就与对话框的宽度不一样。只有在调整浏览器窗口的大小之后，图表才能获得与jQuery对话框窗口相同的宽度。
这里有一个工作的来展示我的意思。我怎么才能解决这个问题？
如果jsfiddle关闭，请参见下面的“显示代码段”，但不幸的是，“运行代码段”无法工作(尽管与jsfiddle相同)。
$('.selector').dialog({
dialogClass: 'fixed-dialog',
res
浏览 1提问于2015-06-30得票数 0
回答已采纳
我有一个标题与一个小的水平栏在它下面，作为我的网站的主要导航功能。当窗户全尺寸时，它工作得很好。但是，如果窗口的大小调整得稍微小一点，那么最右边的菜单就会向下移动到下一行，就像您期望的那样，任何浮动元素都会运行。
问:如何才能使导航条始终保持在一条线上，并根据窗口大小适当调整大小？我尝试过将长度更改为百分比，尽管这经常会导致问题，因为CSS中有许多组件。
以下是所有相关代码：
这是我认为的主要罪魁祸首，尽管我可能错了：
.menu2 li {
position: relative;
float: left;
width: 150px;
z-index: 1000
浏览 3提问于2013-07-10得票数 0
1回答
我有张桌子，跨度很大。宽度为calc(100% - 20px)。
当我把窗口拖得很大时，这个表就会调整，这样它就占据了整个窗口。
当我缩小窗口，它再次调整，使它占据整个窗口，但在某一点，它停止调整和溢出的窗口边缘。
我想知道如何计算JS或jQuery中表的“最小允许宽度”，而不必实际更改窗口的大小，然后执行$('table').width()或类似的操作。值得注意的是，这个“最小允许宽度”是可变的，取决于表的内容。我找了不少，但没有找到好的答案。
/*table style*/
table#myTableId{
display: table;
margin:
浏览 2提问于2019-04-03得票数 2
回答已采纳
我有一个流体容器，我希望它的高度根据窗口的宽度逐渐改变(因为div的宽度是100%)。请注意，所需的行为类似于应用长宽比css规则时的行为，即线性逐渐增加/减少。这样的变化应该在某个最小和最大高度停止。 我知道一些js可能是必需的，所以如果只有css失败，我对此持开放态度。
浏览 22提问于2021-10-12得票数 0
回答已采纳
2回答
最小宽度固定报头
、、
我在页面上有一个固定的头，使用position: fixed;。
我的想法是，我想增加一个最小宽度的标题，以便在小于800 be的窗口上，整个内容(连同标题)都可以滚动。
从我的研究中，我发现没有任何CSS解决方案。但JS会是什么？
浏览 5提问于2015-04-16得票数 0
回答已采纳
1回答
在测试facebook登录时，我收到了以下通知：
您在小浏览器窗口或弹出窗口中使用“页面”的显示类型。为了获得更好的用户体验，请使用我们的JavaScript SDK显示此对话框，而不指定显式显示类型。SDK将为每个环境选择最佳的显示类型。或者，如果您有特殊要求阻止您使用SDK，请使用显示类型‘弹出’。此消息仅对应用程序的开发人员可见。
以下是我认为应该负责的JavaScript：
window.fbAsyncInit = function() {
FB.init({
appId : '<?php echo $
浏览 3提问于2015-09-28得票数 1
回答已采纳
我想在我的页面底部放置一个包含不同数量的图片的栏，这些图片(如果比页面更宽的话)可以左右滚动。
页面宽度是可变的，我希望窗格的宽度是100%。
我试图通过让中间div溢出并在jquery.animate()中动画化它的位置来做一个技巧。
如下所示：
这里有一个没有js：的小提琴
问题是：
如果不向项目持有者声明较大的宽度，它将不会水平溢出，而是垂直溢出。这是个好黑客吗？(见宽度:小提琴9000 in )
我只想滚动中间的窗格，如果它是合理的。为此，我需要计算溢出项框的宽度(应该是项目内部宽度的总和)，以及溢出:隐藏属性的容器。(这应该是浏览器窗口的宽度减去左右按钮)。
浏览 4提问于2011-11-03得票数 2
回答已采纳
1回答
自举重叠跨度
、、
我正在学习bootstrap，我在响应和调整大小方面遇到了一些小问题。
我有这两个元素：
当调整窗口大小，甚至在iPad/iPhone或某些屏幕尺寸中查看窗口时，跨度会重叠：
经过足够的挤压后，它最终重新排列到应该没有重叠的位置：
也许我遗漏了一些东西，因为我是个网络编程新手。
下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/
浏览 0提问于2013-01-26得票数 1
回答已采纳
2回答
HTML：
<div class="imgcontainer">
<ul>
<li><img src="1.jpg" alt="" /></li>
<li><img src="2.jpg" alt="" /></li>
.....
</ul>
</div>
我通过创建无序列表来编写一个简单的画廊页面，其中的
浏览 1提问于2011-06-04得票数 16
回答已采纳
我使用的引导4.2，显示一个弹出窗口(模式)的真实大小的图像(100%)的宽度和高度，只要浏览器窗口的大小允许，如果不是，也就是说，如果图像大于窗口的大小，那么它将自动缩小。我尝试了下面的代码，但图像放大(+ 100%)在宽度的模式，虽然我配置它的最大宽度: 100%。
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=de
浏览 0提问于2019-03-18得票数 2
1回答
最近，我学习了JavaScript，并决定继续为Github实现一个页面。一切看起来都很好，但我面临的唯一问题是，画布的JS代码没有缩放整个html页面，这意味着粒子从初始窗口弹出，当我向下滚动时，这个空间仍然没有任何粒子。我想让JS画布的粒子遍布整个页面。有人能帮我解决这个问题吗？
TLDR:我如何修正JS代码，使粒子效应覆盖整个html页面，而不仅仅是初始窗口，使其他所有东西都没有了呢？
相关文件：
浏览 2提问于2018-03-30得票数 0
回答已采纳
1回答
我正在使用自适应卡在节点js中向用户显示内容。
我的适配卡格式：
"type": "TextBlock",
"text": 'Hi ' + conversationId + '!\n\n I’m Max I am new & still learning, but happy to help as best as I can!\n\nPlease select subject which you are interested in or type your question.',
"size
浏览 0提问于2018-05-31得票数 0
2回答
我用这段代码来触发窗口大小调整的东西。
css
@media only screen and (min-width : 320px) and (max-width : 768px) {
.placeholder {
width:100%;
}
js
if ($(window).width() <= 768){
$('#middle').hide();
$('.left').removeClass('hidden');
} else {
$('#middle').show();
$('
浏览 5提问于2013-12-05得票数 0
回答已采纳
我给容器#页面包装的宽度是它内所有图像的宽度的组合宽度，使用以下代码：
HTML
<div id="page-wrap" class="group">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<article class="post">
<?php the_post_thumbnail('large'); ?>
</ar
浏览 3提问于2015-11-05得票数 0
回答已采纳
问题
导致浏览器的滚动条出现。我使用的是最新的Jquery和Jquery，没有任何主题。
码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="includes/js/jquery-1.6.2.min.js" type="text/javascript"></scri
浏览 2提问于2011-09-30得票数 8
回答已采纳
1回答
我在试着找出滚动条拇指的正确位置。有谁能解释一下这是否可能。滚动条缩略图没有固定的宽度。我正在使用nw.js、ES6和jQuery库。
下面是我的代码的简化提取。
class C {
constructor() {
win.on('resize', this._resize.bind(this));
$('#divId').on('scroll', this._scroll.bind(this));
}
_getXScrollbarThumbPos() {
let lpos
浏览 6提问于2017-02-03得票数 0
回答已采纳
基本上，我想在单击一个按钮时打开一个新窗口。一旦新窗口打开，我想将缩放级别更改为80%。
打开窗口后，我获取窗口的一个参考对象，并尝试设置缩放级别。
这是一个示例代码：
function openGoogle(){
var obj = window.open("https://www.w3schools.com");
obj.document.body.style.zoom = 0.8;
}
<!DOCTYPE html>
<html>
<head>
浏览 2提问于2019-07-26得票数 1
当锚元素小于500px width时，我尝试使用500px width来隐藏它，当窗口大小大于500px width时，再次使用.show()。
所以它会根据窗口的大小而改变。
application.js
$(document).ready(function() {
var windowWidth = $(window).width();
function checkWidth() {
if (windowWidth < 500) {
$("#down-arrow a").hide()
}
if (windowWidth
浏览 5提问于2016-01-09得票数 2
回答已采纳
3回答
我的站点上有下面的代码，应该显示弹出窗口
<span class="fbridge-signup-form" data-widget-id="21378"></span>
<script type="text/javascript">
(function() {
var secure = ("https:" == document.location.protocol);
var fb_js_host = (secure ? "https://www.fanbridge.com&#
浏览 2提问于2014-12-18得票数 2
回答已采纳
我正在使用创建一个对话框窗口。要在对话框中显示的div具有类' dialog‘。
让我们先来看看html：
<div class="click_me">
Click Me
</div><!-- end of class click_me-->
<div class="dialog">
this is my dialog
</div>
css和javascript如下：
<style type="text/css">
.click_me{
width:
浏览 2提问于2012-03-06得票数 0
回答已采纳
所以我有：
<body style="border:1px solid red;width:100%;">
<div style="position:absolute;left:2000px;">
1
</div>
<body>
在这种情况下，有没有办法将正文宽度设置为文档的100% (包括“滚动空间”)，而不是内部窗口宽度的100%？我的意思是，我需要的结果就像我对正文应用了"width:2000px;“一样，但不知道这个数字。
我知
浏览 0提问于2013-07-05得票数 2
回答已采纳
我需要在IE文件的包含窗口的实际像素clientWidth，以计算一个适当的缩放值，但发现窗口总是返回一个值0。有办法从任何DOM对象中获取这个值吗？我是一个JS新手，我发现只要变焦是100 %，document.body.clientWidth就能做到这一点，但否则会返回放大的像素值。帮助?
浏览 4提问于2012-10-02得票数 2
如果我已经在我的应用程序中使用jQuery，但想要尽可能地提高性能。在我代码的某些地方使用vanilla JS而不是jQuery (例如)来获取窗口宽度是否会提高性能？
浏览 1提问于2018-03-28得票数 1
我有一个服务器端渲染反应应用程序(因为我也需要Facebook Seo )。
我的应用程序的一部分需要获得window.innerWidth。
我已经搜索了很长时间，他们中的大多数都说在服务器端找不到窗口，所以您需要在客户端以及上进行呈现。
我不知道事情是如何工作的，我有组件，但是我的windowWidth永远是0。
在服务器呈现之后，我们的bundle.js将启动，并且客户端的窗口将工作对吗？为什么仍然是0？
state = {
windowWidth: 0
}
handleResize(){
this.setState({windowWidth: win
浏览 1提问于2018-10-05得票数 2
回答已采纳
调整窗口大小有问题。我要做的是检查窗口是否小于600像素，然后在正文前面加上一个div (.inner)。在调整大小时，我想检查窗口宽度，如果它大于600像素，则将div (内部)放回原来的位置。
HTML
<body>
<div class="outer">
<div class="inner">
</div>
</div>
JS
var windowWidth = $(window).width();
checkWidth();
function checkWidth
浏览 2提问于2013-01-25得票数 0
回答已采纳
如何将容器设置为固定大小？
当浏览器有一定大小时，我不想让bootstrap摆弄容器的宽度。
如果浏览器窗口小于1000px，容器的宽度将缩小，以便适合窗口。我不想那样..。
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel=
浏览 0提问于2014-09-23得票数 0
3回答
显示在屏幕中央的覆盖框
、、、、
我有一些JS代码，可以将背景褪色为深色，并打开一个白色的模式窗口，如下所示：
function open_litebox(link) {
var overlay_black = 'position:absolute;top:0%;left:0%;width:100%;height:100%;background:black;z-index:1001;opacity:0.5;';
$('body').append('<div style="' + overlay_black + '"></d
浏览 1提问于2010-11-23得票数 6
2回答
jQuery宽度变化检测
、、、
现在解决了，谢谢
对于resize()的问题，我已经看到了许多接近的答案，下面是我的代码：
‘'larger()’是一个布局函数，当屏幕宽度(无论设备方向如何)为>= 501时，我想调用它，而'smaller()‘是我希望在屏幕宽度< 501时调用的函数。
，我的问题是，当更改时，我不希望调用这些函数。注意，在我的页面中，我在移动视图中使用手风琴，如果我展开手风琴面板，它会增加页面的高度，即使浏览器窗口没有调整大小。jQuery认为这是一个window.resize。
$(window).resize(function(e) {
var winWidth =
浏览 3提问于2014-02-18得票数 1
2回答
我正在将一个基于jQuery的web应用程序迁移到AngularJS。我很难将与AngularUI引导集成在一起。引导模式插件提供了一些我需要的特性:全宽度调制解调器、响应设计和可叠加的调制解调器。
我已经对在上集成这两者做了一个基本尝试。请注意，当窗口宽度较小时，模态显示为全宽度。但是，如果您弹出柱塞预览窗口并将窗口宽度增加到979 if以上，则模式会下降一半。我可以在引导模式源代码中看到，CSS将模态设置为"top: 50%“，但是JS应该根据模态高度设置一个负的边距顶，从而使模态在页面的中心垂直对齐。JS没有被正确地调用，所以模式向页面底部倾斜。
下面是柱塞中的代码片段。
HTM
浏览 3提问于2013-08-29得票数 0
回答已采纳
我希望能够根据窗口宽度来更改href :初始页面加载和窗口大小调整(没有jquery或其他外部库)。谢谢!
这是一个实验，用一个类似的问题的答案:似乎不适合我。
HTML
<a id="myLink" href="http://highresolutionurl">My Link</a>
JS
if (screen.width < 768) {
document.getElementById('myLink').setAttribute('href', "http://highreso
浏览 1提问于2019-07-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
