布局组件
本话题发布布局组件相关的问答文章和技术分享，将持续更新，为您推荐了14篇问答，访问即可查看更多精彩内容。
-
1
回答
25浏览
Mobile First 布局在小屏正常，大屏却错位了怎么办？
我按 Mobile First 的思路写了布局，手机上看着没问题，但一到桌面端就元素乱跑、间距不对，明明加了 max-width 和 margin: auto 啊？ 这是我的基础结构： <div...
-
1
回答
30浏览
Layout布局在移动端显示错乱怎么办？
我用 Ant Design 的 Layout 组件搭了个后台页面，PC 上看着没问题，但一到手机上整个布局就塌了，侧边栏没隐藏还挤在一起，根本没法用。 我试过加 responsive 样式，也看了文档...
-
1
回答
30浏览
Desktop First 布局在小屏上怎么处理才不崩？
我用 Desktop First 写了个布局，大屏看着没问题，但一到手机上整个页面就乱套了，元素堆叠、溢出啥的都有。 我已经写了几个 @media (max-width: 768px) 的断点，但感觉...
-
1
回答
42浏览
Split分割面板拖拽后布局错乱怎么办？
我用的是 Ant Design 的 Split 面板，左右两个区域，设置了 defaultSize 初始比例。但用户拖动分隔条之后，页面一刷新或者重新渲染，布局就完全错位了，右边的内容直接被挤没了。 ...
-
2
回答
34浏览
响应式布局在移动端显示错乱怎么办？
我用 CSS Grid 做了个两栏布局，PC 上看着没问题，但一到手机上右边栏就跑到下面去了，还特别宽。明明写了媒体查询，但好像没生效？ 试过把 grid-template-columns: 1fr ...
-
1
回答
26浏览
Grid 布局中子项宽度不按预期缩放是怎么回事？
我用 CSS Grid 做一个三列布局，想让每列等宽并自动填满容器，但实际效果却出现了空白间隙，而且调整窗口大小时列宽也不自适应。明明设置了 grid-template-columns: repeat...
-
2
回答
31浏览
Grid栅格布局为什么在小屏幕上错位了？
我用的是 Ant Design 的 Grid 栅格系统，本来在桌面端显示正常，但一到手机上就乱了。明明写了 xs={24} sm={12} md={8} 这种响应式配置，结果小屏时两个元素挤在一起，根...
-
2
回答
47浏览
Grid栅格布局中子项高度不一致怎么办？
我在用CSS Grid做商品列表布局，希望每行3列、自动换行，但每个商品卡片内容高度不同，导致网格行高被撑开，下面的项出现大片空白。试过设置grid-auto-rows: 1fr也没用，是不是哪里写错...
-
2
回答
37浏览
为什么我的Row组件里的子元素无法均匀分布？
我在用自定义的Row组件布局时，想让三个子元素在一行里均匀分布，但不管怎么调整flex属性都挤在一起。 代码写成这样： function Row({ children }) { return ( &l...
-
2
回答
40浏览
为什么Visible组件在条件满足时无法隐藏子元素？
在用Ant Design的Visible组件控制侧边栏显示时遇到问题，当屏幕宽度小于768px时应该隐藏侧边栏，但无论怎么调整breakpoint参数，组件始终显示。我尝试过把breakpoint设为...
-
2
回答
219浏览
Mobile First布局中侧边栏在桌面端也隐藏了怎么办？
我在用Mobile First原则设计布局时遇到问题，侧边栏在移动端应该隐藏，桌面端显示。但按下面的代码写完后，侧边栏在桌面端也消失了，这是为什么？ .sidebar { display: none;...
-
2
回答
55浏览
Space组件在移动端缩小时元素间距被压缩怎么办？
用Ant Design的Space组件排版时发现，当屏幕宽度小于768px时，原本设置的size=middle间距会被自动压缩成更小，导致文字元素挤在一起。 尝试过设置responsive={fals...
-
2
回答
59浏览
Vue中Breakpoint断点组件的内容在窗口缩放时频繁重渲染怎么解决？
我在用Vue3的Breakpoint组件实现响应式布局时遇到问题，当窗口拖动调整大小时，匹配不同断点的内容区域会不停重新渲染，导致卡顿。比如在侧边栏用sm/lg断点切换简繁显示： 完整信息 简略信息 ...
-
2
回答
68浏览
Stack布局中子元素错位堆叠后点击事件被遮挡怎么办？
在用Stack组件实现卡片层叠效果时，我把三个子元素用left属性错位堆叠，但发现最下面的卡片完全无法点击。试过给每个子元素加z-index和pointer-events: auto，调整了Stack...
