顺风CSS -如何使内容高度适合屏幕

文章/答案/技术大牛

发布

2回答

html、css、flexbox、tailwind-css

我正在与顺风css的管理仪表板工作。我想让导航的高度和内容适合屏幕。我知道这样做的技巧relative flex min-h-screen，但这样做，我得到了滚动条，因为应用程序栏的高度。如何在没有滚动条的情况下使内容高度达到100%？以某种方式减去App Bar高度？

浏览 15提问于2021-06-22得票数 4

回答已采纳

2回答

反应页脚组件显示在彼此之上。

javascript、reactjs、tailwind-css

我正在使用React + Tailwind制作我的投资组合网站，我在页面重叠的组件上有一个问题。例如：我的页脚组件：import { FaLinkedin } from "react-icons/fa";import { VscGithub } from "react-icons/vsc"; export default func

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

回答已采纳

1回答

无论显示大小如何，Html页面应始终适合屏幕显示

html

在我工作场所的屏幕上，我的页面内容总是恰到好处。但是当我去我们的会议室时，屏幕很大，那一页已经放不下了。然后在右侧出现滚动条。所以我必须放大到80%，现在它又适合了。但理想情况下，无论屏幕有多大，页面都会一直适合。我如何才能做到这一点。我的html页面以html标签开始，里面有head和body标签。

浏览 22提问于2019-11-03得票数 0

2回答

如何使用顺风改变重绘饼图的大小和位置

reactjs、tailwind-css、recharts

我正在用顺风css构建react应用程序，我使用的是Pie图表 of recharts。我的图表过去工作得很好，但我没有得到，如何增加图表的宽度和高度？% COLORS.length]} /> </Pie></PieChart> 如果我使用顺风网格系统还如何</em

浏览 2提问于2021-10-14得票数 1

2回答

在移动设备上，我如何使站点看起来完全不同？

javascript、html

然而，我不知道如何做到这一点，我已经查了它，我发现有一件事告诉我使用以下代码；if ("ontouchstart" in document.documentElement) {

浏览 7提问于2022-07-13得票数 0

1回答

如何使溢出:使用动态高度滚动

html、css

如何使溢出:滚动动态高度例如下面，没有flex/grid/vh？问题是，所有的内容必须适合屏幕(必须看到页脚)，并动态调整屏幕高度。没有高度溢出:滚动不起作用，但将其设置为100%，使其高度作为父级和内容溢出与高度从页眉和页脚。基本上，我希望通过调整.content高度来调整.longlist高度，使.foo

浏览 2提问于2021-05-07得票数 0

1回答

顺风CSS* div消失没有内容。建议不要，如何使div更适合屏幕？*

html、css、tailwind-css

Mainscreen/></div> </div> }我正在尝试做一个UI，其中有一个顶部的横幅，然后在底部的一个部分，适合最大的屏幕大小，并将滚动与足够的内容。我遇到的问题是，如果没有任何内容，软盘甚至都不会显示。唯一能让它们显示出适当高度的方法是，如果我硬编码高度。

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

回答已采纳

1回答

媒体查询在尾风CSS中不起作用

html、css、web、tailwind-css

TailWind CSS中的媒体查询不能很好地工作。当媒体大小低于sm大小时是正确的，但是当我的屏幕大于sm大小时，大小不会更改。现在我该怎么办？请帮助我，我是新的尾风CSS。

浏览 0提问于2021-10-22得票数 1

3回答

如何使我的网站响应所有高度和宽度？

css、tailwind-css

但我最近遇到的问题是，我的卡似乎对顺风的所有断点都有响应，但只有当高度为900时，才会响应。每当我增加高度时，我在底部得到更多的空间，每当我缩小窗口高度时，内容就会溢出。如何使它对所有高度和宽度作出响应？只有当高度为900且在尾风断点宽度范围内时，才能完美地工作这是<body class="flex justify-center items-center h-screen w-full

浏览 3提问于2022-09-21得票数 2

回答已采纳

1回答

当试图将菜单安装到屏幕上时，顺风不会溢出

html、css、tailwind-css

完整片段： <aside class="w-80 h-screen

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

1回答

如果内容超过高度，如何使div高度自动适合屏幕并展开？

html、css

在我的网页上，我有一个div扩展(高度)以适应屏幕的大小。这是我的CSS： -webkit-border-radius: 5px 5px 5px 5px; background-color: #C2C2BD; padding-top: .5cm; 如果内容扩展了屏幕的大小:100 of，否则高度

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

回答已采纳

1回答

如何自定义尾风CSS高度？

tailwind-css

我正在建立一个网站的顺风CSS。我是新来的，我不知道如何定制高度。我想我的图像高度正好是40rem=640px。但我能给出的最大顺风高度是24雷姆384 max。怎么做呢？

浏览 1提问于2022-05-14得票数 1

8回答

如何使网页高度适合屏幕高度

html、css

我需要使我的网页高度，以适应屏幕尺寸的高度，而不滚动。"content"> <div id="footer"> </div></body> CSS

浏览 2提问于2012-08-08得票数 30

回答已采纳

3回答

如何更改背景图像的大小？

html、css、image、background

问题是我不知道如何使其更小，每次我将宽度更改为较小的量时，它看起来像这样[图像1 li { padding-right: 60px;<html> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesh

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

1回答

通过CSS，如何使页面高度在元素向下移动时不发生变化。

html、css

在一页中，有三个元素： <header /> <footer />“header”的CSS定义是： height: 40px;为了呈现整个内容，我将其CSS定义为： margin-top: 40px;底部的CSS： posit

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

回答已采纳

4回答

有问题使页面响应

javascript、html、css、responsive-design

移动视图这是CSS和HTML。我们正在使用React生成页面。@font-face { src: url("..div> 我需要知道的是，我是如何

浏览 3提问于2016-03-09得票数 1

回答已采纳

1回答

如何在css中获得当前浏览器的分辨率？

css、browser、web

有人能解释一下如何在css中获得当前浏览器的浏览分辨率吗？我想让我的网站适合维维斯特的决议，我怎么做呢？

浏览 2提问于2014-03-22得票数 0

回答已采纳

1回答

如何让div在顺风中填满父对象的高度

tailwind-css

我在我的Vuejs应用程序中使用顺风。我有一个简单的模板 <template> <Header /><!组件<header>的顺风高度为h-32 问题是第二个div导致页面在底部滚动，即<header>的高度(h-32)。我想做的是如果没有内容，我希望第二个div填充屏幕的剩余高度，但不会超过

浏览 18提问于2020-08-14得票数 3

回答已采纳

1回答

当内容小于窗口大小时禁用iScroll

jquery-mobile、cordova、jquery-plugins、pull-to-refresh、iscroll4

我正在动态地加载内容，以便在添加列表项之后刷新iscroll。除了列表项目的总高度小于屏幕高度的情况外，所有的事情都很适合我。这是当滚轮不是必需的，因此是禁用的，但它也禁用拉到刷新。当内容高度小于屏幕高度时，是否有人知道如何使拖放刷新工作。

浏览 5提问于2014-11-18得票数 1

4回答

我有一个页面，上面有两个div，应该会填充整个屏幕。上面的高度应该由它的内容(适合所有内容的最小可能的高度)来定义，并且永远不要显示任何滚动条。下一个应该填充屏幕的其余部分。但是，如果其内容不适合div，则应该显示垂直滚动条。should fill the rest of the screen and show the vertical scrollbar if the content does not

浏览 6提问于2009-11-24得票数 3

回答已采纳

点击加载更多