如何使小吃店在全屏小屏幕上拍攝？

因爲此次提交： https://github.com/callemall/material-ui/commit/11695dcfa01e802797115d42c6d3d82d7657b6ab#diff-e9014062cd8e3b4344ab619966f35ef2 如何使小吃店在全屏小屏幕上拍攝？

快餐欄不佔用移動屏幕中的100％寬度。任何人都可以幫助在100％寬度仍然可以在小屏幕的情況下給予幫助嗎？

- >在此提交之前，寬度：'自動'做了伎倆，但現在沒有更多。

任何幫助表示讚賞。

來源

2017-05-24 Karan Vyas

您可以使用媒體查詢：

@media only screen and (max-width : 480px) { 
    .yourClass { width: 100%; } 
}

來源

2017-05-24 10:29:26 Gerard

它給出了內聯樣式，並且沒有在prop中使用類名。我想出瞭解決方案併發布了它。我們需要使用bodyStyle道具。 –

嗯，我想通了，只需要傳遞{寬度：「100％」}在bodyStyle道具，它從它覆蓋。

來源

2017-05-24 11:20:43

對我很好！謝謝！ –

訂閱的Github問題可以在https://github.com/angular/material2/issues/1951找到。這似乎不適用於使用'openFromComponent'打開的小吃店，並且它似乎在使用「open」 – mtpultz

寬度不適用於我，因爲它沒有影響不知道爲什麼。雖然我設置爲100％，但寬度僅取默認值。我能夠使用minWidth應用全寬，並且我正在使用material-ui版本：0.18.7。您必須重寫minWidth值以應用自定義寬度。請在下面找到示例

import Snackbar from 'material-ui/Snackbar'; 

const bodyStyle = { 
    border: `2px solid ${config.actualWhite}`, 
    height:55, 
    minWidth: 1385, 
    background: config.snackbarColor, 
    fontFamily: config.fontFamily, 
    fontStyle: config.fontStyle, 
    fontWeight: config.fontWeight, 
    fontSize: config.fontSize, 
    borderBottomRightRadius: 46, 
    borderBottomLeftRadius: 46 
} 

<Snackbar 
     open={this.state.open} 
     message={this.state.error} 
     autoHideDuration={4000} 
     bodyStyle={bodyStyle} 
     action="Close" 
     onRequestClose={this.handleRequestClose} 
     onActionTouchTap={this.handleRequestClose} 
     style={myTheme.snackbarfromTop} 
     />

來源

2018-01-01 02:22:28

如何使小吃店在全屏小屏幕上拍攝？

回答

相關問題