javascript - 调整反应组件以适应较小 div 的大小

Question

我有一系列组件，我需要先在卡片中预览它们的组件，以便可以选择特定的卡片，然后组件将采用其原始大小。但对于预览，我需要更小尺寸的组件。怎么做请帮助我试过这个

{comp.map((C,index) => (
        <Paper style={{ width: "30%" ,margin:"5%"}} elevation={20}>
          {/* <Frame style={{width:"100%"}} ref={frameRef} id="test"  onload={resizeFrame()} class="iframe" frameborder={"0"}> */}
            <C   style={{height:"100vh",width:"100vw"}} index={index} onPress={()=>hideSidebar(index)} previewMode={true}/>
            {/* </Frame> */}
        </Paper>)
      )}

标签： javascriptcssreactjsfrontend