--- order: 6 iframe: 228 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 }) => (
{children}
{extra}
); export default () => ( window.history.back()} title="Title" subTitle="This is a subtitle" extra={[ , , , ]} footer={ } > {renderContent()} ); ```