如何在各种屏幕类型中保持切换按钮的响应性

Question

我在标题标签中有一个切换按钮。在中屏幕和大屏幕上，它们的位置很好，就像

中、大号

但是在小屏幕上显示如下小屏幕

下面是我的代码

<div ngxRow>
<div ngxCol>
<ngx-radio-toggle>
<ngx-radio-toggle-button>"1 Monat"</ngx-radio-toggle-button>
<ngx-radio-toggle-button>"3 Monate"</ngx-radio-toggle-button>
</ngx-radio-toggle>
</div>
</div>

如何在所有屏幕(从小到大)的同一行上设置此切换按钮。即使对于较小的设备，按钮也应该保持在同一条线上，并且不应该向下断裂。请帮忙谢谢

Answer 1

您可以在更小的设备上尝试这样做

@media only screen and (max-width: 600px){
.button-element{
// you can resize your buttons here
}
}