回答情况：
提问时间：
问题标签：
我正在使用ionic2，对所有移动设备的响应布局有一个问题。我使用rem来设置布局，但是rem只适用于字体大小，而不适用于高度和宽度。下面是代码片段和截图： width: 6rem;
浏览 1提问于2017-06-13得票数 0
回答已采纳
我需要控制高度布局，这是接近桌面行为：
<top height="...rem"> <main> // stretched height
<main2>/&#
浏览 0提问于2019-05-24得票数 0
回答已采纳
对于".header-links“，我试图使链接成为一个固定的显示，但当位置固定时，它会弄乱布局。当位置是相对的时候，它不会弄乱布局，但这不是我想要的。我想要的链接是固定的。 : 18rem; color: #3d3d5c; position: fixed; width: 17.9rem; color: #cccfc2;
浏览 15修改于2020-07-16得票数 0
我正在尝试设置一个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
回答已采纳
1回答
我试着用柔性盒构建这样的布局：我如何将这些项目堆叠在一起？ display: grid; grid-template-columns: 2rem repeat(2, auto) 2rem; background-color: #fff;
浏览 4修改于2017-05-03得票数 0
回答已采纳
我为SplitScreen页面构建了一个React组件布局(屏幕截图上的底部布局设计)。 ? 问题是LoginPage布局(屏幕截图上的顶部布局设计)我不需要backArrowIcon在顶部，正如您在第二个屏幕截图上更好地看到的那样。 ? </h2> </div>
<div className="lef
浏览 5提问于2020-08-21得票数 1
回答已采纳
2回答
举个例子：header { background: PeachPuff;footer { background{ height: 10.0rem;}
display: grid;
浏览 0修改于2018-10-20得票数 3
回答已采纳
我们是第一次开发一个应用程序，设计师已经在视网膜模式中绘制了布局原型，虽然这不是我们下一个版本的目标，但现在我们要做的是得到他提供的值，除以2。font-family: $font-family-medium; font-size: 2.25rem/ 2;
浏览 5修改于2016-07-14得票数 4
每当我将SVG插入到我的网格布局中时，1)就不会居中，而2)会破坏网格的布局。我如何修复这个问题，使播放图标显示的方式与播放文本一样。下面是正在打破的布局：.body { background-color: hsl(0,0%,10%); color: white; font-size: 32px; }.timerwidth: 12rem; height: 12rem
浏览 1修改于2022-06-07得票数 2
回答已采纳
; padding-left: 0 rem; }} </style> """, )st.markdown("""
<style>: 10rem</e
浏览 9提问于2022-02-21得票数 1
回答已采纳
我一直试图为响应的两列布局(文本和图像)写CSS，但我在这方面有困难。布局如下：
width: 10rem</em
浏览 3提问于2020-02-10得票数 0
回答已采纳
我有下面的布局，问题是如果其中一个字段错误不在那里，布局是中断的，即使一个字段有error-wrapper div，布局不应该更改输入字段的最小高度，错误将显示下来而不会中断 要查看这个问题，可以注释一个包含box-sizing: border-box; min-width: 0px; font-size: 0.75remdisplay: flex;}
浏览 18提问于2021-09-14得票数 0
回答已采纳
我的移动媒体查询将页面从两栏布局改为一栏布局，并使用CSS网格。auto auto 50rem auto auto auto 42rem auto auto;
"header" "pricing" "about"
"banner&qu
浏览 6提问于2019-03-10得票数 1
回答已采纳
如何使用flex box进行这种画廊风格的布局？ flex-wrap: wrap;}
width: 15rem;
height: 15
浏览 0修改于2017-04-04得票数 0
我已经查看了Flexbox，以实现如下所示的响应性布局。不幸的是，我还没有弄清楚如何实现像图1这样的桌面布局，它将自己重新排列到小于414像素的视图上的图2。width: 100%; flex-direction: row;.content-flexbox.one { order: 2;.content-flexbox.two {
flex-basis: calc(30% - 1rem
浏览 0修改于2016-08-29得票数 14
回答已采纳
我使用引导网格，我想实现一个响应的布局，如下图所示：也就是说，第一个布局是为md，lg和xl设备，那里有一个图像在左边，然后一些信息在右边。这个右边有信息的div应该有相同的图像高度。然后，在较小的设备中，我希望得到与下面的图像相适应的布局，其中图像在上面，信息在下面。另一个问题是，在非常小的设备中，我想获得细节div上面的图像，但是我总是在所有设备中得到相同的布局。
你知道如何妥善解决这个问题吗？100%; height: auto" src="http://v
浏览 3修改于2018-01-10得票数 0
回答已采纳
1回答
我想将更多的列添加到flex布局中，但我只能得到两列。这是两个版本和我试图得到第三列..。这是CSS..。"menu1" "policies"padding: clamp(4rem,8vw,8rem) max((100% - 80rem)}
footer[is=footer]>div:nth-of-typ
浏览 5提问于2022-09-09得票数 0
关于下面的布局，我实际上有两个问题。 ? 如果我看到这个布局，我会看到2个main div。第一个包含3列的div的背景是白色的。第二个div的背景是蓝色的。这就是我所拥有的： <style> flex-basis: calc(33% - 1rem); background: darkblue;
.di
浏览 23提问于2018-12-21得票数 0
我完全理解移动-优先的概念，并能够使我的网站布局响应，但字体大小不改变时，我应用断点和屏幕大小的变化。theme: { fontSize: { sm: "0.875rem",
浏览 4提问于2021-12-31得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号