cost 71 ms
为什么 vh 单元在手机 windows 上的表现不如预期? - Why is the vh unit not performing as expected on cell phones windows?

代码的目的是内部文本 div 的背景是可用主体高度的全高(无需向下滚动)。 该代码适用于笔记本电脑屏幕和 ipad 尺寸(在 chrome 开发人员工具中)。 问题出在手机上。 背景高度没有达到页面底部,而是图像的默认高度。 使用的代码: 我会感谢使用纯 CSS 的解决方案 ...

如何使按钮保持相同的大小/位置和固定的高度 - How do I keep the buttons the same size/position with a fixed height

以下是我需要解释的事情: 我需要将按钮的高度设置为 35px; 如果文字较少,按钮似乎会在顶部产生一些空隙更少的文本也不会将文本置于按钮中间(按钮中的尴尬间隙) HTML: CSS: JS 小提琴: https://jsfiddle.net/6k20489o/ 我的第一次尝试是将文本居中放置 ...

对齐3个宽度不同但高度相同且仅一行的按钮 - Align 3 Buttons with different width with the same height and one line only

这是我想要实现的目标的参考照片。 我的意图是无论文本长度如何,按钮的高度都相同,并使它们在线(并阻止它们形成下面的这种三三角形外观(下面的屏幕截图是我现有的 jsfiddle. 首先,我尝试将它们设置为相同的宽度,但较短的第一个按钮不自然适合,因为其他两个需要额外的空间来放置单词: 因此,我也 ...

Div 没有占据它的高度 - Div is not taking its height

我想要两个代表杯子的<div>类。 有一个大杯子和一堆小杯子。 但我的问题是<div>没有达到我给它的高度。 因为我想缩小较小的杯子,所以我不想在.cup中使用 .cup 的min-height 。 这是我的代码: @import url('https://fonts.go ...

使用 window.setDecorFitsSystemWindows(false) 时 BottomAppBar 高度变大 - BottomAppBar height gets bigger when using window.setDecorFitsSystemWindows(false)

我正在尝试通过使用 window.setDecorFitsSystemWindows(false) 和 statusBarColor = Color.TRANSPARENT 来实现透明状态栏。 我实现了我的目标,但是当我引入 BottomAppBar 时,它的大小(准确地说是填充)增加了一倍。 可能 ...

使用 Framer Motion 的动画高度在 React 中不起作用 - Animating height using Framer Motion not working in React

所以,我一直在尝试为我的 React 项目使用 Framer Motion。 当 div 被渲染时,我基本上想将高度从 0 动画化到“自动”。 我试过下面的代码,但高度没有得到动画 当我用宽度替换高度时,animation 工作正常,但无法弄清楚为什么高度没有动画。 而且我找不到与此相关的任何适当文 ...

为什么即使我将宽度和高度设置为 100%,对话框标记也不会扩展到整个屏幕? - Why dialog tag does not spread to the whole screen even though I set width and height to 100%?

在编写项目代码的过程中,我决定将自己创建的弹出窗口更改为对话框标记。 但是后来我遇到了一个问题,即使我在元素样式中将宽度和高度设置为 100%/100v,对话框元素也没有扩散到整个屏幕。 正如您在我附加的示例中看到的那样,在示例 2 中有一个基本的对话框元素遍布整个屏幕,而在示例 1(这是我的开源 ...

如何制作一个 div 全屏并在它溢出时扩展它的内容 - How to make a div full screen and expand with its content as it overflows

我有一个包含所有页面内容的根 div。 我的目标是: 当底部内容不溢出时,让div占100%的高度。 当内容在底部溢出时,我希望 div 展开以便它封装所有内容。 我尝试了很多height和min-height的组合,但我很难做到。 我目前拥有的是: <,DOCTYPE html> & ...

使用 C# 读取时图像宽度和高度错误 - Wrong image width and height when read it with C#

我有一个奇怪的问题。 有一个图像。 不幸的是,它太大了,无法显示它。 但是你可以下载它。 如果您不能从 OneDrive 做到这一点,这是另一种方法。 这个形象看似普通,实则不然。 当我们打开属性时,我们将看到: 我们需要记住这张图片的尺寸:宽度是 3000px,高度是 4000px。 它看起来是 ...

图像和文本列,将图像增长到文本列高度 - Image and text columns, grow image up to text column height

纯 CSS 中是否有任何方法可以确保 flex 容器中的另一个分区永远不会超过另一个分区的高度? 在某些情况下,当图像很高时,我不希望它们将旁边垂直居中的文本向下推得太远,以至于向下滚动的读者会看到图像的顶部和旁边的空列,向下滚动得越来越多,文本只出现在那里。 您对如何通过其他方式解决此问题有何建议 ...

第一次点击时获得不同的偏移顶部,然后在 rest 次点击中获得相同的偏移量 - Getting different offset top on first click then same in rest clicks

在图像中,第一个是 jquery(document).height() 第二个是 offset().top尝试滚动到修复 header 的元素,但在第一次单击时获得 offset().top 的不同值然后从第二次单击获得我需要的值。 我想然后检查 $(document).height() 的值也不同 ...

CSS:禁止弹性元素因其内容而增长 - CSS: forbid flex element grow because of its content

你好。 我现在正在尝试在 React 中创建表格组件。 这个问题看起来很简单,但很难解决,至少对我来说是这样。 表格由三个主要块组成:顶部的工具栏、底部的分页和中间的表格数据。 这个想法是表格主体必须填充工具栏和分页之间的空间,如果表格中的项目多于可以显示的项目,则应该可以在这个中间元素内滚动。 我 ...

CSS 网格的高度不会根据内容增长 - CSS grid's height is not growing according to the content

我一直在尝试使用 CSS 网格创建一个简单的响应式网页。 但是 CSS 网格之后的 div 覆盖了网格的内容,而不是写在下面。 我可以通过增加下面的填充来解决问题。 但是如果我增加卡片的数量,这个解决方案就会失败。 有没有一种方法可以让 CSS 网格自动根据需要占据尽可能多的高度。 或者也许我认为问 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM