我正在创建一个简单的网页，其中只有一个位于页面中间居中的徽标和按钮。这只是我们其他网站和页面的简单目录：
我遇到的问题是，当我在手机上查看时，所有内容都太小。 我基本上希望手机上的徽标和按钮足够大，这样它就像一个应用程序，但也只是桌面上正常大小的按钮（即使按钮周围会有很多空白，这很好）。
我一直在尝试使用很多东西，包括@media only规则，其大小适合桌面，在手机上查看时较小，反之亦然。
有谁知道我可以使用什么CSS来让它工作？
页码：
https://flotronicsautomation.com/flotronics-links-page.html
当前CSS：
将此行添加到 html 文件的
<head><meta name="viewport" content="width=device-width, initial-scale=1.0">