css - 按钮 CSS 样式不适用于移动设备

Question

我一直在使用 vanilla javascript 构建一个经典的计算器。它在笔记本电脑上看起来和工作正常，在不同设备上在检查器上看起来也很好。

但是，当我在手机上直播并打开它时，按钮的样式完全消失了。例如，按钮在指定的 div 中不是全高，而是更薄更圆。

我无法弄清楚我在 CSS 上做错了什么或需要添加什么。请提供任何帮助，不胜感激!

带有样式表的仓库在这里:https://github.com/thejoefriel/calculator

您可以在此处实时查看计算器:https://thejoefriel.github.io/calculator/

Answer 1

如果您使用 @media , 请使用元标记 <meta name="viewport" content="width=device-width, initial-scale=1"> .否则，CSS 样式可能不适用于真实的移动设备。