Button 对中按钮和响应性设计

我有一个关于响应性设计的简单问题。我有一个按钮，我想在电脑屏幕的右上角，但在手机的底部中心。我需要使用@media还是有其他方法？我尝试了

文本对齐

，但似乎不起作用

.boton{
位置：相对位置；
左：80%；
最高：5%；
字体系列：“Raleway”，无衬线；
字体大小：100%；
右：2%；
左：2%；
光标：指针；
@媒体屏幕和屏幕（最大宽度：360px）{
波顿先生{
位置：相对位置；
文本对齐：居中；
}

---

您可以使用

转换

属性来实现这一点，只需在

左侧

中使元素转到

50%

，并在x轴方向上水平地将其转换为

-50%

。希望它能在签出代码段时工作。而且当您要进入移动屏幕时，不需要指定pos

i

属性如果您不想根据您的

屏幕宽度更改它，请减少


.boton{
位置：相对位置；
左：80%；
最高：5%；
字体系列：“Raleway”，无衬线；
字体大小：100%；
右：2%；
左：2%；
光标：指针；
}
@媒体屏幕和屏幕（最大宽度：360px）{
波顿先生{
文本对齐：居中；
左：50%；
转化：translateX（-50%）；
}
}
你在使用bootstrap吗不，我只是在学习visualstudio的基本代码bootstrap中定义了响应良好的css类，你应该使用它