调整Chrome DevTools时保持视口大小不变

文章/答案/技术大牛

发布

0回答

google-chrome-devtools

有没有办法在我调整Chrome DevTools窗口的同时保持视区的大小不变？所以我去扩展它。但是当我这样做的时候，它改变了视区的大小，在这种情况下，这使得我的小提琴很难交互。换句话说，我希望页面呈现得就像它占据了视区一样，当我打开DevTools时，它只覆盖了视

浏览 7提问于2016-07-02得票数 0

2回答

jquery:调整窗口大小时更新元素偏移量顶部

javascript、jquery、html

我有一个导航栏，当它到达视口的顶部时，它的位置被设置为固定的javascript槽。我使用jQuery1.11.3来获取元素的.top()偏移量，但是当视口的垂直高度发生变化时，这个值似乎不会自动更新。例如，在一台装有Chrome的安卓平板电脑上，地址栏消失了，“调整大小”事件被触发，但元素的offset().top保持不变，这导致我的导航栏保持不变，尽管它滚动到了视窗的顶部，现在

浏览 0提问于2015-12-03得票数 1

2回答

CSS动态字体大小和定位边框文本

html、css、responsive-design、stylesheet

您好，有没有一种动态调整字体大小和位置的方法 ? 因此，当图像调整到任何视口时，图像和字体的设计和比例保持不变？

浏览 19提问于2020-08-17得票数 1

2回答

Owl Carousel -使其中的文本具有响应性

text、owl-carousel

我已经设置了猫头鹰旋转木马，它工作得很好，但我在图像上有文本，它不会随着视口的改变而调整大小。图像会调整大小，但文本保持不变。如何使文本(在p和div标记内)对图像作出响应？

浏览 0提问于2014-12-05得票数 0

1回答

如何在调整窗口大小时保持OpenGL窗口中的SDL视口不动？

opengl、sdl

我有一个包含OpenGL视口的SDL窗口。当用户通过拖动窗口边缘来调整窗口大小时，我希望(1)视口展开以填充窗口，(2)视口的内容保持不变。X应保持不动。s_sinT*_y;glLoadMatrixd(model); 当调整窗口大小时

浏览 1提问于2011-06-25得票数 3

回答已采纳

1回答

在iOS web浏览器(Safari、Chrome等)中，当您单击输入字段并显示键盘时，它将视口保持相同大小，但将其部分从视图中移出。这使得创建类似应用程序的网站变得非常困难，因为我正在编写聊天应用程序，当键盘显示时，我希望将对话完全保留在视图中，但只需调整会话区域的大小，以适应新的“调整大小”可视区域。我已经尝试了所有的方法，比如让对话区域使用left: 0; right: 0; top: 0;

浏览 7提问于2014-05-29得票数 13

回答已采纳

1回答

视口缩放作用于图像宽度，而不是高度

css、viewport、scaling

我无法让正确地调整大小。当我缩小窗口时，图像宽度会压缩，但高度不会压缩，并且我希望在视口缩小时保持高/宽比不变。我知道错误出在我的CSS中，但是我不能追踪这个问题。感谢您的帮助。

浏览 24提问于2018-06-10得票数 1

回答已采纳

1回答

在移动web浏览器中保持视口大小不变

html、mobile、mobile-safari、viewport

在我的网站()上，我有一个图像元素，它是浏览器的视口大小。然而，在移动safari和其他方面，当顶部的URL框缩小时，它也会扩大视口大小，从而导致图像元素“重新调整”。是否有一种方法可以使视口大小保持不变，使“初始”视口大小成为图像的永久大小？我不希望元素更改大小，即使视区改

浏览 0提问于2016-08-11得票数 0

1回答

如何调整窗口大小而不做任何更改

css、responsive-design

我有一个问题:如何做出响应式设计，当我调整窗口大小时，设计完全不变(宽度，高度，位置)，只有窗口覆盖设计/内容。例如这个网站：我希望一切保持不变，谢谢你的帮助

浏览 0提问于2020-08-26得票数 0

1回答

确保<section>高度与刷新时的视口高度匹配

javascript、jquery、css、height、viewport

我正在尝试让<section>的高度与每个页面重新加载时的视区高度相匹配。然后，即使用户调整了窗口视口的大小，<section>高度也需要保持在该高度。也就是说，视口的高度: 450px，然后设置为450px。当视口增加到465px时，将保持为450px。谢谢,

浏览 2提问于2013-04-02得票数 1

3回答

当视口变小时，内部div的高度不调整

css、html、responsive-design

我试图使内部div调整大小时，视口变得更小。: 15.1%; height: 65.1%; overflow: hidden;当视口是正常大小时，它工作得很好，如果要逐渐减小视口的大小，内部div的宽度会适当地调整，但高度保持不变。

浏览 1提问于2014-01-17得票数 2

回答已采纳

1回答

火狐窗口内部高度没有缩放更新

javascript、android、css、html、firefox

我正在实现一个以html/css/js为中心的覆盖，即使当用户在页面上缩放时也保持中心。当前的实现是在iOs Chrome、iOs Safari、默认Android和Android Chrome中，根据视窗、determined /Hegiht确定的视口宽度和高度来调整覆盖。然而，火狐在缩放或移出时不会改变窗口的innerWidth和innerHeight。如何确定android firefox中缩放的视

浏览 0提问于2013-09-27得票数 0

回答已采纳

1回答

Chrome本应重新计算元素宽度，但却没有重新计算

html、css、google-chrome

我需要根据元素的高度来调整元素的宽度，并认为我已经使用透明img技巧找到了一个非常聪明的解决方案：粉红色的div以1:2的比例正确渲染；然而，它应该在视口调整大小时调整大小(因为它的高度是100vh如果调整视口的大小，img元素会在视口高度增加时增加宽度，但container元素的宽度不会增加以容纳它，这违反了display: inline-

浏览 0提问于2015-10-27得票数 0

1回答

这个“视口”的大小到底是多少？

javascript、css、viewport

在文章中，视口是窗口的大小(用CSS像素来衡量)。视口的宽度是document.documentElement.clientWidth或window.innerWidth.But的值，当缩放到100%时，两者的结果是相等的。然而，当放大时，window.innerWidth的值下降，而document.documentElement.clientWidth的值保持不变。以下是一些问题：如何获得视口</e

浏览 3提问于2017-05-13得票数 0

1回答

更改活动选项卡视图大小，如devtools响应视图

google-chrome-extension、google-chrome-devtools

在Chrome扩展中，我想更改视口大小，类似于DevTools响应视图。我正在查看，并看到改变缩放的方法，而不是实际的宽度/高度。

浏览 2提问于2015-09-02得票数 0

回答已采纳

2回答

CSS: Header+main将该大小分配给浏览器窗口

css

我想要一个标题div，具有固定的高度，并从左到右完全延伸到视口的顶部。当我调整浏览器的大小时，这些都应该保持不变。不管我在这两个div中放了什么。

浏览 2提问于2011-03-03得票数 2

回答已采纳

1回答

Android 2.1地址栏导致视口尺寸发生变化

android、mobile、webbrowser-control、viewport

我有一个页面，它有一个100%的宽度和高度的div (所有周围的元素都相应地调整大小，以便它实际上达到了100%的宽度和高度)。在那个div下面，我有一个固定高度的第二个div。在移动safari和黑莓中，一切都很好，当页面加载时，尺寸被正确应用(顶部的div填充了视区)，用户可以向下滚动以显示第二个div。Android 2.1也正确地应用了尺寸，但有一个额外的问题；当用户向下滚动并从页面中移除地址栏时，div的尺寸会重新计算以填充视口，从而导致内容跳转。理想情况下，

浏览 1提问于2010-05-21得票数 1

1回答

调整DIV的大小(具有固定的宽度和高度)及其内容，同时保持其纵横比

css、viewport、aspect-ratio

然而，当视口变得小于DIV的宽度或DIV的高度时，我希望DIV调整大小以保持完全可见，同时保持其纵横比不变。此外，我希望DIV中的所有元素都以相同的方式调整大小(同时保持高宽比)。在搜索纯CSS解决方案时，我遇到了视口单元(vw、vh、vmin、vmax)。我还遇到了最大宽度和最大高度。下面的代码显示了我是如何将这两者结合起来的。但是，它是<em

浏览 3提问于2015-08-03得票数 1

2回答

计算所需的高度以使缩小的div到达底部视口

javascript、html、css、transform

缩小元素时，它保持其纵横比不变。但是，在我的示例中，此元素需要始终具有到达视口底部的高度。这意味着我需要调整元素的高度，同时保持其宽度和顶部位置不变。如何计算需要应用的高度，以便元素在应用transform: scale(x)时准确到达视口底部？下面是一个代码片段。单击任意位置将div缩小，此时我应该应用新的高度，以允许div高度到达视口的底部，同时保持

浏览 28提问于2021-04-19得票数 1

回答已采纳

2回答

CSS调整图像大小问题

javascript、css、reactjs、google-chrome-devtools

我试图使用这个背景梯度，并保持它的中心所有屏幕大小(Next.js，React，Sass)联合来文： <div className="bg-gradient-container"在gif中，当我将它设置为桌面模式时，它会调整大小。当它被设置为移动时，它会调整大小，使图像的整个右侧保持在帧内。奇怪的是，当我在devtools中的图像上悬停时，它的宽度是

浏览 17提问于2022-07-04得票数 0

点击加载更多