Html 使桌面按钮在小屏幕上全宽显示

试图使基于边框的按钮在小屏幕上全宽显示。需要通过CSS和HTML工作，因为这是一个不能使用JS的电子邮件

有什么想法吗

尝试使用媒体查询，但不起作用

此处描述了p.S.边框按钮：

.container{
宽度：100%；
高度：300px；
背景色：#000000；
}
.链接按钮{
字体大小：16px；
字体系列：Helvetica、Arial、无衬线字体；
颜色：#ffffff；
文字装饰：无；
边界半径：20px；
-webkit边界半径：20px；
-moz边界半径：20px；
背景色：#EB7035；
边框顶部：12px实心#EB7035；
边框底部：12px实心#EB7035；
右边框：18px实心#EB7035；
左边框：18px实心#EB7035；
显示：内联块；
}
@仅介质屏幕和（最大宽度：480px）{
.内桌{
宽度：100%；
}
}

尝试为较小的屏幕添加最小宽度

对于其他人，答案是将.link按钮类设置为块而不是内联块

。内部表{
文本对齐：居中；
}
.链接按钮{
字体大小：16px；
字体系列：Helvetica、Arial、无衬线字体；
颜色：#ffffff；
文字装饰：无；
边界半径：20px；
-webkit边界半径：20px；
-moz边界半径：20px；
背景色：#EB7035；
边框顶部：12px实心#EB7035；
边框底部：12px实心#EB7035；
右边框：18px实心#EB7035；
左边框：18px实心#EB7035；
显示：内联块；
}
@媒体屏幕和屏幕（最大宽度：480px）{
.链接按钮{
显示：块！重要；
}
}

对于较小的屏幕，您没有100%按下按钮。您真的需要在不同的分辨率下进行不同的操作吗？我的意思是，你可以把它扩大到每个人的范围，或者像移动一样离开。你为什么不使用

按钮

或者

a

，而不使用边框技巧呢？只需将链接设置为

块

，而不是

内联块

…你不能在媒体查询中100%地使用

链接按钮

？你好@achraflakhdar，欢迎来到SO，请您提供一些代码作为示例，并详细说明您的答案好吗？