Html 如何在页面上将按钮从一端延伸到另一端？

我正在尝试将按钮扩展为全页面宽度，而不考虑设备。在Wordpress中，它被包含。所以我想把按钮从一端延伸到另一端。我想增加边距和增加宽度，但我无法解释具体的设备，尤其是文本居中的情况

我是否应该以不同的方式处理这个问题，比如将其更改为div表？或者只需要修改按钮属性

CSS

HTML

了解一切
饯行酒

您应该在所有网页中包含以下视口元素：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

视口元素为浏览器提供有关如何控制页面尺寸和缩放的说明

width=device width（宽度=设备宽度）部分将页面宽度设置为跟随设备的屏幕宽度（根据设备的不同而有所不同）

---

“初始缩放比例=1.0”部分用于设置浏览器首次加载页面时的初始缩放级别。

只是一个旁注，如果您想对

移动设备进行
媒体查询
，则应使用
@媒体（最小宽度：320px）和（最大宽度：480px）{}
。几乎所有的智能手机都在这两种分辨率之间，处于
纵向模式。谢谢！我现在改了。仍在尝试其他代码，但到目前为止什么都没有字体大小更改您在按钮上有
flex
属性，但您的示例中没有
flex
父级。啊，是的，对不起。我只是在测试各种组合时拉出来的。最好清理长CSS，只留下相关部分。
<button type="button" class="btn btn-primary btn-lg btn-block">LEARN ABOUT EVERYTHING</button>
<button type="button" class="btn btn-secondary btn-lg btn-block">ONE FOR THE ROAD</button>

<meta name="viewport" content="width=device-width, initial-scale=1.0">