回答情况：
提问时间：
问题标签：
无论我走到哪里，每个人都在吹嘘使用rem-based布局作为新的金本位，从表面上看，这种方法的优点似乎很理想(完全支持基于引用像素的缩放和字体大小缩放，以支持许多DPI和许多屏幕大小/设置)。使用这样的初始设置：body { font-size: 1.6rem; }.my-element{ height: 15rem; } /* 150px */
我创建了一个简单的示例，在这里说明了我
浏览 6提问于2017-06-05得票数 17
回答已采纳
我正在尝试设置一个css网格的页面布局。我正在使用scss。当我想使用grid-template的scss变量时，布局中断。$page-header-height: 3rem;$content-menu-width: 10rem;
$content-foot-height: 4rem;
$page-sidebar-wid
浏览 9提问于2020-03-20得票数 2
回答已采纳
我正在使用ionic2，对所有移动设备的响应布局有一个问题。我使用rem来设置布局，但是rem只适用于字体大小，而不适用于高度和宽度。下面是代码片段和截图： width: 6rem; font-size: 1.5
浏览 1提问于2017-06-13得票数 0
回答已采纳
我有一个边栏，它使用FlexBox列布局构建，如下所示： // flex-grow: 1; height: 100%;// display: flex; padding: 0.5rem 1rem; justify-content(理想情况下，我想保留这个布局)。但是，当我启用f
浏览 2提问于2022-01-22得票数 0
回答已采纳
如何使用rem计算最适合字体大小设置的行高？62.5%; font-family: Arial, Helvetica, sans-serif; font-size: 1.4rem*/我问这个问题的原因是，我对如何理解body中的font-size (为了便于rem计算)、实际rem font-size和行高中的“非值”之间的关系感到困惑，据我所知，在静态布局中，它表示如下的font-size：
font-size: 2
浏览 0修改于2014-01-27得票数 9
回答已采纳
对于".header-links“，我试图使链接成为一个固定的显示，但当位置固定时，它会弄乱布局。当位置是相对的时候，它不会弄乱布局，但这不是我想要的。我想要的链接是固定的。 .box { height: 500rem; position: absolute; width: 18rem; color: #3d3d5c; position: fixed;
浏览 15修改于2020-07-16得票数 0
我需要控制高度布局，这是接近桌面行为：
<top height="...rem"> <main> // stretched height
<main2>limited height by
浏览 0提问于2019-05-24得票数 0
回答已采纳
我已经编写了一段CSS代码，可以根据用户的屏幕宽度流畅地切换我的站点布局的宽度。如果用户的可用屏幕空间较少，则布局的宽度会增加，以填充更多的窗口，并留下更少的空白；如果用户有更多的空间，布局就会缩小，以保持迷人的外观。; border-style:solid; border-radius:0.8rem</e
浏览 4修改于2014-06-22得票数 27
回答已采纳
在我半流质的论坛布局中，我遇到了一个奇怪的问题:帖子中的图片有时会拉伸页面，但有时不会。
</div>
<&#x
浏览 3修改于2017-05-23得票数 0
回答已采纳
下面是元素的预期布局。这只是简单的卡片，在它后面有一个伪元素的位置。预期布局： background-color: rgba(0, 0, 100, 0.2); padding; width: 10rem; content: '';
position: absolute;background-colo
浏览 0修改于2021-01-22得票数 0
回答已采纳
我为SplitScreen页面构建了一个React组件布局(屏幕截图上的底部布局设计)。 ? 问题是LoginPage布局(屏幕截图上的顶部布局设计)我不需要backArrowIcon在顶部，正如您在第二个屏幕截图上更好地看到的那样。 ? 3.2rem; align-self: flex-start; height: 0;
color: var: 33.4<em
浏览 5提问于2020-08-21得票数 1
回答已采纳
2回答
举个例子：header { background: PeachPuff;footer { background{ height: 10.0rem;}
display: grid;
浏览 0修改于2018-10-20得票数 3
回答已采纳
我正在尝试创建这样的网格布局
.cards_grid { grid-column-gap: 1.5rem; -ms-grid-rows: auto 1.5rem auto;
g
浏览 3修改于2021-11-01得票数 0
回答已采纳
布局在除了firefox之外的其他浏览器上都没问题。下面是列代码.column, .columns { padding-right: 0.625rem; float
浏览 0提问于2016-03-20得票数 0
我使用引导网格，我想实现一个响应的布局，如下图所示：也就是说，第一个布局是为md，lg和xl设备，那里有一个图像在左边，然后一些信息在右边。这个右边有信息的div应该有相同的图像高度。然后，在较小的设备中，我希望得到与下面的图像相适应的布局，其中图像在上面，信息在下面。另一个问题是，在非常小的设备中，我想获得细节div上面的图像，但是我总是在所有设备中得到相同的布局。
flex-direction: column;
justify-content: space-
浏览 3修改于2018-01-10得票数 0
回答已采纳
f""" <style> padding-top: 0 rem; padding-left: 0 rem; padding-bottom: 10<em
浏览 9提问于2022-02-21得票数 1
回答已采纳
我正在尝试使用网格进行布局，其中网格的前两行占用100vh，但是导航条是粘性的，高度未知。第三行是正文内容，可以滚动到。初始布局可以很容易地实现，不需要粘粘，但是要让position: sticky使用导航条，所有元素都需要在相同的级别上。我不想依赖于肚脐的静态高度。 display: grid;}
background: lightgreen;}
di
浏览 2提问于2022-06-16得票数 0
如何使用flex box进行这种画廊风格的布局？ flex-wrap: wrap;}
width: 15rem;
height: 15
浏览 0修改于2017-04-04得票数 0
我一直试图为响应的两列布局(文本和图像)写CSS，但我在这方面有困难。布局如下：
bottom: 7rem</em
浏览 3提问于2020-02-10得票数 0
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号