mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-09 12:59:12 +08:00
fbab5df655
* docs: update Layout demo * chore: code clean * chore: update snapshot
20 lines
661 B
Markdown
20 lines
661 B
Markdown
## zh-CN
|
||
|
||
Layout.Sider 支持响应式布局。
|
||
|
||
> 说明:配置 `breakpoint` 属性即生效,视窗宽度小于 `breakpoint` 时 Sider 缩小为 `collapsedWidth` 宽度,若将 `collapsedWidth` 设置为 0,会出现特殊 trigger。
|
||
|
||
## en-US
|
||
|
||
Layout.Sider supports responsive layout.
|
||
|
||
> Note: You can get a responsive layout by setting `breakpoint`, the Sider will collapse to the width of `collapsedWidth` when window width is below the `breakpoint`. And a special trigger will appear if the `collapsedWidth` is set to 0.
|
||
|
||
```css
|
||
#components-layout-demo-responsive .logo {
|
||
height: 32px;
|
||
margin: 16px;
|
||
background: rgba(255, 255, 255, 0.2);
|
||
}
|
||
```
|