根据屏幕宽度调整div高度

文章/答案/技术大牛

发布

3回答

javascript、html、css、reactjs

我有一个固定高度为445px的div，如下所示： text-align: center; overflow: hidden;margin-top: 0;}所以，我想说这样的话： if (screen

浏览 39提问于2021-03-07得票数 0

回答已采纳

1回答

根据屏幕分辨率调整HTML div元素大小时出现问题

screen、html、resize

我试图通过给出所有以%age表示的值来调整屏幕元素的大小，主要是div标签，左，顶，宽，高。它似乎是有效的，但有一个问题。现在我根据实际宽度(px/屏幕宽度)*100和高度(px/屏幕高度)*100计算宽度，因为高度和宽度都受到屏幕宽度和高度的限制，如果宽高比与任何分辨率保持相同，它就可以工

浏览 2提问于2011-05-26得票数 0

回答已采纳

1回答

如何在固定宽度的图像上覆盖表单字段？

html、css、image、text

我有一个固定宽度的图像。其宽度可调整到屏幕宽度的100%。它的高度根据屏幕宽度进行相应的调整。

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

回答已采纳

2回答

边距-顶部百分比在窗口高度下降时不发生变化。

css、margin

我正在进行一个项目，其中客户端希望导航<div>根据屏幕高度对齐，类似于当屏幕宽度减小时margin-left作为百分比的工作方式。因此，我给margin-top: 20%和导航<div>显示了这个边距，但是当我降低窗口的高度时，它不会根据屏幕高度来调整，尽管当我减小屏幕宽度时它会工作。

浏览 2提问于2011-09-01得票数 10

回答已采纳

1回答

我正在检查我的一些旧代码，我有一个方法，可以根据客户端屏幕宽度在运行时静态调整textbox控件的高度。因此，如果屏幕分辨率为"1280x800“，则文本框的高度将为475 be。好吧我明白了..。几年前，由于屏幕分辨率和CRT显示器数量的减少，坏的是半OK的，但现在没有了，原因有很多。我在JavaScript方面做得更好，jQuery也做得更好，我正在寻找一种解决方案，可以根据包含的DIV的总体宽

浏览 1提问于2011-05-19得票数 0

回答已采纳

7回答

动态设置DIV的高度

javascript、html、css

在web应用程序中，我有一个包含DIV的页面，该DIV可以根据浏览器窗口的宽度自动调整宽度。我需要一个物体的自动高度。DIV从顶部屏幕开始大约300px，其高度应使其延伸到浏览器屏幕的底部。我为容器DIV设置了最大高度，因此必须为div设置最小高度。我相信我可以在CSS中限制它，并使用Javascript来处理DIV<

浏览 19提问于2008-08-28得票数 30

回答已采纳

1回答

如何根据屏幕尺寸自动调整页面上4个不同宽度图像的大小

jquery、html、css、image

我在页面上有4个图像(在包装器div中)，并希望它们根据屏幕大小/宽度调整大小。通常的方法类似于设置css： max-width: 25%; /* i.e. each pic = 1/4 */} 这将使图像大小灵活(即在较小的屏幕上缩小它们但是我的4张图片是不同的宽度(但是它们的高度都是200px)，所以如果我使用上面的技术，它们的显示高

浏览 0提问于2014-01-02得票数 0

2回答

如何保持屏幕中心的div始终具有固定的宽度和100%的高度？

html、css、alignment

我想把div始终放在屏幕的中央。我知道，通过定位，我们可以实现它，但这是只有当我们有固定的宽度和高度。我的要求是，我想要一个固定宽度但没有固定高度的div。我希望它能够根据使用CSS的内容调整到中心。

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

2回答

如何在两个固定属性之间调整DIV的大小

javascript、html、css

第一个是运行页面顶部屏幕宽度的固定高度条，第二个是运行页面底部屏幕宽度的固定高度条。任何帮助都将不胜感激！

浏览 3提问于2017-08-21得票数 2

回答已采纳

1回答

如何使两列具有相同的高度和响应性

html、css、twitter-bootstrap、twitter-bootstrap-3

我试图使两个引导列具有相同的高度和响应性。到目前为止，我有两列的高度相同，但随着屏幕尺寸变小，一列变得比另一列短。如下所示：为了制作这两列，我使用了Bootstrap 3。我的HTML： <div class="col-md-12 pb-20">

浏览 1提问于2018-06-07得票数 0

回答已采纳

1回答

是否有方法可以找到div的大小和宽度的比率？

css、sass、viewport-units

对于某个div的宽度和高度，我有两个sass变量：$height: 156.36px;SassError: 27798px*vh isn't a va

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

回答已采纳

2回答

Div根据窗口宽度和高度自动调整大小

jquery、html、resize、window

我正在做一个项目，我正在尝试创建以下内容：我想有三个或更多的div下面彼此(与内容和背景图像)。当您打开浏览器时，所有这些div都必须自动调整大小以适应浏览器的大小(宽度和高度)。当您调整浏览器窗口的大小时(不刷新)，div必须和它们原来一样大(所以它们不应该随窗口调整大小)。将浏览器屏幕缩小并刷新后，div应调整为新的窗口大小。(最小宽度应为1024，因此div</em

浏览 0提问于2012-06-17得票数 1

1回答

HTML5画布可调整大小多边形

javascript、html、mobile、canvas

我需要一个对角线多边形颜色填充，根据屏幕宽度/高度调整大小。绿色的背景填充在这里：是一个使用旋转DIV的原型。DIV占屏幕的200%，因此它超出了移动界面的界限，无法正确填充屏幕底部。如何绘制一个顶部对角线，底部矩形的可调整大小的多边形？还是有一种更简单的方法？

浏览 0提问于2012-10-02得票数 0

回答已采纳

2回答

div标签中的背景图像大小-全屏-内联css

html、css

我最初一直在尝试在div中添加背景图像。我面临着根据整个屏幕调整图像宽度的问题。参考下面，根据，我试着看看它是否工作，但我没有发现图片本身是可见的当我添加宽度和高度，这也是以像素为单位，而不是%，我可以查看图片，但大小不适合屏幕完美。请帮我解决这个问题。

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

回答已采纳

1回答

设置fabric js画布100%的高度和宽度

jquery、html、css、canvas、fabricjs

我想根据背景图像设置画布的高度和宽度。 <canvas id="canvas" width="720" height="800">

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

1回答

强制表单元格的宽度/高度适应div

css、html-table、size

我想要将表格/网格自动调整到一个流体大小的div中，该div可以根据显示器的显示大小进行调整。我希望表格不超过div的界限，既不宽也不高，但要占据最大的面积，同时保持每个表格单元的高度和宽度与所有其他表格单元相同。我知道从我的描述中可能很难想象这一点。基本上，所有表格单元格都需要强制为精确的正方形(相同的宽度/高度)，但该大小可以根据显示尺寸的大小而增大或缩小。并且所有的表都不

浏览 2提问于2012-11-04得票数 2

1回答

使用px或%进行响应性设计

html、css、media-queries

下面是我的项目示例，我在这里使用px对一些元素进行了调整。我认为还有其他方法可以做到这一点，而且很难进行媒体查询，因为您将一个接一个地做。谁能给我点主意吗？

浏览 4提问于2016-04-24得票数 5

回答已采纳

2回答

如何在网格布局中正确定位按钮以响应

html、css

在应用程序中，我有很多卡片，比如下面的打印屏幕。 App.js <Row> </Col> {/

浏览 2提问于2020-03-02得票数 1

回答已采纳

1回答

在Vue.js中将动态高度和宽度设置为Konva阶段

javascript、html、vue.js、konvajs、vue-konva

我想根据其父容器的宽度设置Konva的高度和宽度。当我在舞台上使用静态值时，每次我调整屏幕大小时都要刷新。是否有方法将动态高度和宽度设置为stageConfiguration.目前，我被困在这个和寻找一个方法来设置动态的高度和宽度。<template> <<e

浏览 6提问于2020-11-04得票数 0

3回答

如果不设置高度，Css背景图像不会显示(为什么不自动调整？)

html、css

我想在div中包含超大(4000px X 3000px)的背景图像，这样宽度将占用屏幕的最大宽度，高度将根据它进行调整。我不知道为什么，但如果不指定高度(如1000px)，它就不能工作。我想做jsfiddle，但它在那里工作(可能是因为高度是自动指定的) 代码部分(HTML)： <section id="panels"> <

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

点击加载更多