CSS使用vw和左侧位置计算最大宽度

文章/答案/技术大牛

发布

1回答

css、responsive、calc

有没有办法在CSS中使用视窗宽度和元素的左侧位置来计算max-width？我有一个包含动态表的div，它可以根据上传的电子表格的列的不同而增长。我希望能够对容器应用最大宽度和水平滚动，这在100vw中很容易做到。不过，我还有一个侧边栏，用户可以切换。所以我认为计算最大宽度的最好方法是通过100vw - [left positio

浏览 7提问于2017-08-17得票数 1

回答已采纳

1回答

在Angular材质中设置对话框的自定义中心

css、angular、angular-material

我正在尝试确定我的对话框在Angular中的位置。我可以使用DialogRef对象或MatDialogConfig对象设置或更新位置。当我将左侧位置设置为25px时，对话框将出现在距左侧25像素的位置。当我不指定位置时，该对话框将始终显示在中心。不幸的是，我使用的是250px宽的sidenav。所以我希望我的对话框位于中心+ 250px的位置。我该如何解决这个问题？

浏览 0提问于2020-03-16得票数 0

1回答

设置具有绝对位置的屏幕宽度的子宽度最大值

javascript、html、css

我有3个下拉菜单的动态宽度和位置，像这样我想让每个下拉宽度到最大的屏幕宽度从当前位置开始，从右侧开始留出10px，就像这样。下拉列表被定位为其父容器的绝对位置。我想做一个单独的css类，并应用每个下拉列表，这样它就可以像上面的那样工作，最大屏幕宽度可以从上面减去10px。通过这样的搜索，我发现了很多问题，但在我的问题中却无法解决。我不想用Javascript做任何事情，只想

浏览 1提问于2017-03-31得票数 2

1回答

限制网站中视区的宽度和高度

javascript、jquery、html、css、viewport

对于本网站，元素的填充和宽度与网页的宽度和/或高度成比例。因此，我更喜欢使用与视口相关的单位(vh，vw)。一切都很好，直到我有了新的需求... 现在我必须给我的网页设置最大的宽度和高度。最大宽度为1366px，最大高度为768px。因此，我在html标签中添加了max-height和max-width css样式。Web内容现在被限制

浏览 1提问于2016-07-12得票数 3

1回答

基于浏览器宽度和高度的位置图像

javascript、jquery、html、css

我在想，我是否可以根据浏览器的宽度和高度在HTML文件中定位图像。我知道如果我想改变图像的宽度/高度，我可以这样做： alert("Widthcanvas.width = 200; 根据浏览器的宽度和

浏览 0提问于2015-08-06得票数 2

回答已采纳

2回答

全角CSS设置

css

桌面上的全宽css有些不对劲。您可以在下面的屏幕截图链接中看到容器如何没有填满左侧。我使用:宽度: 100vw；位置:相对；左: 50%；右: 50%；左边缘：-50vw；右边缘：-50vw； ?

浏览 40提问于2020-10-24得票数 0

3回答

头间距在右边？

html、css

我正试图在我的标题背景颜色前后得到间隔。我可以通过以下方法得到左边的间距： background-color: #888888; left: 60px;}任何帮助都是非常感谢的。

浏览 2提问于2017-02-18得票数 1

回答已采纳

2回答

IE11在网格居中时忽略项目内容的绝对宽度

html、css、css-position、internet-explorer-11、css-grid

所以我有一个固定位置的css-grid，高度/宽度:100%。中心=== (绝对，顶部:50VH，左侧:50VW</

浏览 20提问于2019-07-17得票数 0

回答已采纳

1回答

在设计时，我拖动组件并将它们放在图像上各自的位置。当表格被最大化时，图像适合表格。但是，如何才能获得放置在图像上的组件的新坐标、高度和宽度呢？为了计算宽度和高度，我使用了如下所示的计算： New Width = (originalWidth * current form width)/original form width;New Height = (original height * current form height

浏览 2提问于2020-10-05得票数 0

1回答

如何使更大屏幕尺寸的响应范围变得更大？

html、css、responsive-design、margin

我想要一个保证金，将接近0%的小屏幕大小和大约20%的大屏幕，而不使用@media查询强制所有特定屏幕大小的特定数字。目前我使用的是margin: 0 10%;，这是一个很好的折衷方案，但是，我仍然发现，在小屏幕大小和大屏幕尺寸上，边际相差甚远。

浏览 6提问于2022-07-11得票数 0

回答已采纳

4回答

CSS填充：：用背景色

html、css

当我设置固定宽度时，它可以工作，但是如果我想：不起作用。width: 100%;这里还有jsfiddle链接：这有可能吗？

浏览 0提问于2018-08-17得票数 2

回答已采纳

1回答

具有屏幕大小的缩放分区，包括儿童、文本和图像

html、css、scale、responsive、viewport

这些DIVs包含文本和图像的混合。我需要整件事情来调整屏幕大小的变化，更普遍的反应。我更感兴趣的是一个缩放的解决方案，而不是基于断点的解决方案。我尝试了多种方法:视口计算，SCSS混合，我尝试实现 .但基于我缺乏成功，我认为我没有正确地使用它们。我的代码如下所示：- CSS margin-top:30px;.cardFieldColor { height:top: 75px; color: #f

浏览 1提问于2018-10-04得票数 0

回答已采纳

2回答

如何通过对视口调整大小进行逐步缩放来调整图像大小

html、css

我想使用CSS在标题的左边添加一个图像。我想使用像上面这样的CSS技巧来避免处理PHP等等。编辑:刚刚删除浮子:左；

浏览 6提问于2016-02-19得票数 1

回答已采纳

1回答

动态应用宽度

jquery、html

如何根据可用空间应用div宽度？我有一个容器(#main)和两个div(#左侧和#右侧)。(1)计算px中#main的实际宽度？(2)计算px中右#的实际宽度？(3)从#main中减去右#的宽度(4)将结果应用于#left？这更像是一个学术问题。是的，我可以简单地应用css 30%的#左。

浏览 0提问于2014-06-16得票数 0

回答已采纳

1回答

将一个动画的结尾与下一个循环的开头匹配

html、css、animation

我希望巴士的任何部分移动到页面的右端并消失，它将立即出现在左侧，并继续移动。我该怎么做？编辑:这是一张我希望它成为什么样的图片：。

浏览 0提问于2021-04-24得票数 0

回答已采纳

1回答

响应图像和文本

html、css、svg

我正在尝试创建一个响应性的<div>，其中包含一个最大平方的svg图像，以及它旁边的一些文本。CSS： height: 5%; content但是现在，我希望在图像旁边有一些文本(根据图像所在的位置而定，无论是右还是左)，图像仍然是完全可见的，大小相同。这就是我被困的地方。使用一些绝对位置很容易获得一些文本，但是如果我在内部div中添加一些文

浏览 3提问于2020-07-28得票数 1

回答已采纳

3回答

是否可以使用calc()来计算宽度/高度比？

css、calc

/header-dummy-small.png');"></div>.chi_display_header { width:1280px;}最小高度:100最大宽度</e

浏览 5提问于2016-05-04得票数 13

回答已采纳

3回答

指定HTML元素的自然大小

html、css、responsive-design、aspect-ratio

如果我指定一个CSS max-width和max-height，那么它将保持它的自然高宽比，但是缩小以适应大小约束。太棒了！有一点搜索没有找到一个<e

浏览 5提问于2012-07-27得票数 14

4回答

CSS网格:在网格中居中显示所有内容

css、grid-layout

我下面的代码片段如我所愿地工作，但是当有更多的可用空间时，我发现没有办法将所有<code>D0</code>居中。<code>A5</code>

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

1回答

站点标题响应

html、css

TLDR:网站获得了一个宽度约为460px的水平滚动条，我被难住了。box-sizing: border-box; :root { --font-size-title

浏览 0提问于2021-09-04得票数 0

点击加载更多