--- order: 6 iframe: 210 title: zh-CN: 响应式 en-US: responsive --- ## zh-CN 在不同大小的屏幕下,应该有不同的表现 ## en-US Under different screen sizes, there should be different performance ```jsx import { PageHeader, Tabs, Button, Statistic, Descriptions } from 'antd'; const { TabPane } = Tabs; const renderContent = (column = 2) => ( Lili Qu 421421 2017-01-10 2017-10-10 Gonghu Road, Xihu District, Hangzhou, Zhejiang, China ); const extraContent = (
); const Content = ({ children, extra }) => { return (
{children}
{extra}
); }; ReactDOM.render(
window.history.back()} title="Title" subTitle="This is a subtitle" extra={[ , , , ]} footer={ } > {renderContent()}
, mountNode, ); ```