确定Y轴上对象大小的属性。请不要使用此标记，它在您的帖子中没有分类值。
布局 我正在尝试获得这个布局。橙色和红色是固定区域。白色可以是列表视图或 SingleChildScrollView。 这是抽屉... 所以白色区域的高度是灵活的。或者...
在这段代码中，我试图在页面的最顶部创建一个按钮或图块列表“因为按钮对我来说效果不佳”。因此，当单击其中一个时，它会在其余部分中返回一个值...
我有 2 个 div 框，我希望文本与框的高度相同。 我尝试将字体大小和框高度设置为 2rem。显然，这不是我使文本和框相同的方式......
我想弄清楚如何获得三角形的高度： 我有起点、终点和长度： 点startPoint = Start.GetPoint(); 点 endPoint = End.GetPoint(); 双长度 = panel.W +
我试图在主页之后开始每个页面大约 500px 向下，类似于这个网站：http://unionstationdenver.com/ 你会注意到在主页之后查看页面时，你会自动
在 Android 中获取动态创建的 WebView 的尺寸
我在 android 的 webView 中嵌入了一个 flash 媒体播放器，我需要获取 webView 的尺寸来设置媒体播放器以匹配。如果我硬编码播放器的像素尺寸......
我想使用 Javascript 检测可视区域的高度。我有这个高度为 550px 的 DIV，我想在浏览器上显示它。然而，这个高度可能会导致垂直滚动条
如何让 div 或 tr 遵循固定的百分比高度，而不是根据字体大小看似随机地改变高度？
我想创建一个表或 3 个单独的 div，我不在乎哪个。我要做的就是将屏幕划分为顶部 20%、中间 60% 和底部 20%。我有点
How to get Y by percentage height android?
你能告诉我如何按高度滚动视图的百分比滚动到位置吗？ 如果滚动，此代码知道百分比，但如果百分比已知，如何获取 y？ val scrollViewHeight = v.
HTML \ \ \ HTML \<section class="about" id="two"\> \<div class="about-1"\> \<img src="./Images/person.jpg" alt="" class="img-2"\> \</div\> \<div class="about-2"\> \<h2\>About \<span id="low"\>Me\</span\>\</h2\> \<h3 id="heading"\>Frontend Developer\</h3\> \<p\>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Culpa eos iure sed similique quibusdam aspernatur doloremque commodi voluptate. Non est, eius ex, eveniet fugiat delectus repudiandae. Eius, doloremque dolores incidunt suscipit assumenda aliquam nemo dicta repellendus, in quaerat recusandae laboriosam natus. Cupiditate eum, asperiores quod nulla quae dolor perspiciatis aspernatur.\</p\> \<a href="#" class="btn-1"\>Read More\</a\> \</section\> \<section class="services" id="three"\> \<h2 id="buy"\>Our \<span id="buy-1"\>Services\</span\>\</h2\> \<div class="services-1"\>\</div\> \</section\> CSS .about{ display: flex; height: 100vh; justify-content: space-between; gap: 100px; align-items: center; width: 100%; margin: auto; padding: 70px 120px 0 120px; background: #323946; } .img-2{ max-width: 450px; height: 450px; border-radius: 40px; border: 10px solid #0ef; box-shadow: 0px 0px 4px 0px #0ef; } .about-2{ margin-bottom: -50px; } h2{ font-size: 3em; font-weight: 700; padding-bottom: 0; margin-bottom: 0; margin-top: -100px; } #low{ color: var(--color1); } #heading{ margin-top: 0; padding-top: 0; } .btn-1{ display: inline-block; text-decoration: none; margin-top: 50px; border-radius: 30px; background: var(--color1); padding: 14px 28px; box-shadow: 0 0 10px var(--color1); transition: .7s; font-weight: 600; } .services{ height: 100vh; } 我的section tag设置为100vh但是这个section的内容一直在侵占上一个section 标签 我预计关于部分为 100vh，服务部分为 100vh，但根据我使用的背景颜色，服务部分未达到 100vh。 你可能应该包括： * { padding: 0; margin: 0; } 这将概括填充和边距以适合。 接下来，您可以将高度设置为 100%。 如果有效，请告诉我。
这是我第一次开发闪亮的应用程序。 我想让绘图的高度可根据屏幕大小进行调整，但我尝试过的任何方法都不起作用。 情节现在看起来像这样 正如你在图片中看到的...
我的控制器中有一个全屏的 tableView，uitableViewcell 中还有另一个 tableView，两个表都是垂直的，由于我的视图设计，我无法使用部分，问题...
如何让这个函数在滚动100vh后添加类？ 目前它在 850px 之后添加了类。 $("文档").ready(函数($){ var nav = $('#verschwinden'); $(window).scroll(有趣...
假设我们有响应式矩形。我需要将方形元素放入矩形中，它应该是其高度的 100%。你怎么能只用 CSS（没有 SVG 和 JS，没有固定尺寸）呢？在其他...
我在 FlowDocument 中找到了运行或段落，现在我需要知道它的高度。 IE。 while (navigator.CompareTo(flowDocViewer.Document.ContentEnd) < 0) { TextPointerContext conte...
如何使用 javascript 将最大高度转换添加到移动端菜单？
我正在尝试为我的响应式网站制作一个移动端菜单。正如我注意到的那样，我不能直接使用过渡到自动高度。我写了 css ， html 和 js 可以工作但没有过渡： 这里...
我无法让这些 React-Slick 滑块组件具有相同的高度。它们都是响应式 div 并随着页面大小的变化相应地调整大小，但我理想情况下希望 div ...
为什么我没有在代码中的任何地方设置它，但元素占据了整个视口高度
我有这个 统计数据 html 中的类是 身体 我有这个 stats html 中的类是 的直接子级 body <section class="stats"> <div class="container"> <h3 class="stats-heading text-center my-1"> Lorem ipsum dolor sit amet consectetur adipisicing elit. In, sit. </h3> <div class="grid grid-3 text-center my-4"> <div> <i class="fas fa-server fa-3x"></i> <h3>1,0102,394</h3> <p class="text-secondary">Deployment</p> </div> <div> <i class="fas fa-upload fa-3x"></i> <h3>1,0102,394</h3> <p class="text-secondary">Published</p> </div> <div> <i class="fas fa-project-diagram fa-3x"></i> <h3>1,0102,394</h3> <p class="text-secondary">Projects</p> </div> </div> </div> </section> 并为其应用了 css 规则。 .stats { padding-top: 10rem; } .container { max-width: 110rem; margin: 0 auto; overflow: auto; padding: 0 4rem; } .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; justify-content: center; align-items: center; height: 100%; } .grid-3 { grid-template-columns: repeat(3, 1fr); } .text-center { text-align: center; } .my-4 { margin: 3rem 0; } 在视口全高显示的部分，看起来 height: 100% 在 .grid 是原因。 但是根据我的研究，当 height: 100% 被设置为一个元素，并且它的祖先都没有为它们设置明确的高度，元素的高度应该是它的内容的高度。任何人都可以解释这背后的机制吗？ 添加位置：相对于.stats 它没有全高，请查看下面的屏幕截图 .stats { padding-top: 10rem; } stats 类正在向您的元素添加 padding-top，这就是它从顶部向下推 10rem 的原因。如果您删除该类，它将看起来像下面的屏幕截图，这里是codesandbox的链接
我正在尝试使父容器中的子容器具有相同的高度，尽管元素不同。目标是能够在没有 js 的情况下拥有一个没有固定
How to fix height size in react native
我正在使用 React Native Expo，在尝试设置查看器的大小时以适应选择菜单和数字输入时遇到错误。 查看代码： 我正在使用 React Native Expo，在尝试设置我的查看器的大小时以适应选择菜单和数字输入时遇到错误。 查看代码： <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center', backgroundColor: "black", width: "100%" }}> <SelectList setSelected={(val) => setSelected(val)} data={data} save="value" placeholder="Produto" /> <TextInput style={{ width: "50%" }} label="Quantia" returnKeyType="done" value={delivery} onChangeText={(text) => setDelivery(text)} /> </View> App Image（黑色背景是为了测试，只是为了知道View占用了多少空间） https://media.discordapp.net/attachments/873959321376018462/1087615947638050847/Screenshot_20230321-025022_Expo_Go.jpg?width=224&height=473 我该怎么做才能让菜单和输入中的背景变黑？ 您正在为整个容器提供 BgColor 属性，因此您需要为包含 TextInput 属性和 SelectList 的 InnerView 提供 bgcolor 样式！ 仅此而已，还是您正在寻找任何其他结果？ <View style={{ flex: 1, flexDirection: 'row', alignItems: 'center', width: "100%" }}> <View style={{backgroundColor:'#000'}}> <SelectList setSelected={(val) => setSelected(val)} data={data} save="value" placeholder="Produto" /> <TextInput style={{ width: "50%"}} label="Quantia" returnKeyType="done" value={delivery} onChangeText={(text) => setDelivery(text)} /> </View> </View> 您只需要删除包含flex: 1和View的SelectList上的TextInput。 flex 属性定义您的项目如何填充可用空间。您的代码将如下所示： <View style={{ flexDirection: 'row', alignItems: 'center', backgroundColor: "black", width: "100%" }}> <SelectList setSelected={(val) => setSelected(val)} data={data} save="value" placeholder="Produto" /> <TextInput style={{ width: "50%" }} label="Quantia" returnKeyType="done" value={delivery} onChangeText={(text) => setDelivery(text)} /> </View> 我建议你阅读有关 Layout with FlexBox 的文档。对于这种情况，您可以使用 Flex 部分 中的 Expo Playground 代码示例来查看该属性的工作原理。