回答情况：
提问时间：
问题标签：
我正在尝试设置一个css网格的页面布局。我正在使用scss。当我想使用grid-template的scss变量时，布局中断。$page-header-height: 3rem;$content-menu-width: 10rem;
$content-foot-height: 4rem;
$page-si
浏览 9提问于2020-03-20得票数 2
回答已采纳
我正在使用ionic2，对所有移动设备的响应布局有一个问题。我使用rem来设置布局，但是rem只适用于字体大小，而不适用于高度和宽度。下面是代码片段和截图： width: 6rem; font-
浏览 1提问于2017-06-13得票数 0
回答已采纳
1回答
我试着用柔性盒构建这样的布局：我如何将这些项目堆叠在一起？ display: grid; grid-template-columns: 2rem repeat(2, auto) 2rem; background-color: #fff;
.laye
浏览 4修改于2017-05-03得票数 0
回答已采纳
我完全理解移动-优先的概念，并能够使我的网站布局响应，但字体大小不改变时，我应用断点和屏幕大小的变化。theme: { fontSize: { sm: "0.875rem",
浏览 4提问于2021-12-31得票数 0
1回答
我想将更多的列添加到flex布局中，但我只能得到两列。这是两个版本和我试图得到第三列..。这是CSS..。"menu1" "policies"padding: clamp(4rem,8vw,8rem) max((100% - 80rem): menu;footer[is=footer]>div:nt
浏览 5提问于2022-09-09得票数 0
1回答
我正在使用Tachyons媒体查询创建一个响应式布局： render() { right: `${UI.isMenuOpened ?0 : `calc(-40% + 4rem)`}`, // if min-wid
浏览 19修改于2019-04-05得票数 0
回答已采纳
我已经编写了一段CSS代码，可以根据用户的屏幕宽度流畅地切换我的站点布局的宽度。如果用户的可用屏幕空间较少，则布局的宽度会增加，以填充更多的窗口，并留下更少的空白；如果用户有更多的空间，布局就会缩小，以保持迷人的外观。; border-style:solid; border-radius:0.8rem</e
浏览 4修改于2014-06-22得票数 27
回答已采纳
我正在尝试将三列布局变成两列布局，其中第三列在前两列下方居中。但是，第一列和第二列并不相邻。 我在谷歌上搜索并查看了其他示例，并尝试实现它们，但我不确定为什么它仍然不起作用。 我该如何解决这个问题呢？; max-width:40%; }
&l
浏览 28修改于2020-07-27得票数 0
回答已采纳
我的移动媒体查询将页面从两栏布局改为一栏布局，并使用CSS网格。auto auto 50rem auto auto auto 42rem auto auto;
"header" padding: 0.1rem 1.9rem 0 0; padding: 2rem 4re
浏览 6提问于2019-03-10得票数 1
回答已采纳
我有这样的布局：.foo { flex-wrap: wrap; padding: 1rem 6rem; background: #A0E7E5; background: #B4F8C8; width: 100%;<div classclass="bar">1</div>
<div
浏览 1提问于2022-10-29得票数 0
我有下面的布局，问题是如果其中一个字段错误不在那里，布局是中断的，即使一个字段有error-wrapper div，布局不应该更改输入字段的最小高度，错误将显示下来而不会中断 要查看这个问题，可以注释一个包含box-sizing: border-box; min-width: 0px; font-size: 0.75rem; padding-bottom: 4px;
ver
浏览 18提问于2021-09-14得票数 0
回答已采纳
我想创建两列布局与使用Bourbon的flexbox。代码如下： margin: 0 3rem 4rem 0; @include display(flex); .module_grid_item { flex: 0 0 50%;
浏览 0提问于2015-09-29得票数 0
我正在处理一个WordPress页面，我添加了一个新的布局到灵活的内容模板customer字段中。我找到了应该放置样式的.scss文件，但不确定如何将我的CSS转换成.scss格式。hero-with-text-cta-hero {}
position: absolute; right: 4rem; text-align: right;
.texts-and
浏览 4提问于2021-12-25得票数 -2
回答已采纳
1回答
我有电网布局。一切都很好。但是当我使屏幕变小时，输入字段不想像其他元素那样缩小。有人知道怎么修吗？谢谢你！grid-column: 1 / 7; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
text-transform: uppercase; gap: 1rem;
#btn_mak
浏览 5修改于2022-01-02得票数 1
2回答
信息：*桌面宽度尺寸最小，宽度为901 attJsbin：
content <div id="footer" class="palette-4"palette-1 {}
.palette-2 {
浏览 8修改于2022-09-17得票数 -1
回答已采纳
我正在试验CSS网格，这就是我正在构建的布局：.grid { align-items: center; grid-template-rows: 1rem 1fr 1rem; margin: 0 auto; /**/ grid-row: 2
浏览 6修改于2017-08-07得票数 4
回答已采纳
我使用Zurb的Foundation 6实现了一个包含图像的打印布局，该布局突出在其行外(参见红色边框内的图像)。</div>
<div class="large-1 column"></div> </p>
<hr class=&quo
浏览 1修改于2016-02-10得票数 1
回答已采纳
我有一个边栏，它使用FlexBox列布局构建，如下所示： // flex-grow: 1; height: 100%;// display: flex; padding: 0.5rem 1rem; justify-content(理想情况下，我想保留这个布局)。但是，当我启用f
浏览 2提问于2022-01-22得票数 0
回答已采纳
我试图得到的布局基本上像在右上角框，在右下角框，但由于某种原因，我不能让它浮动到右边。这里有什么东西我遗漏了吗？这让我抓狂，因为我的代码在上面的框中工作，而在下面的框中不工作。 padding: 1.9rem 4rem 2.5rem 2.5rem; display: inline-block; color: #4f4d4</e
浏览 2提问于2014-03-04得票数 1
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号