按钮CSS样式在移动设备上不起作用

Question

我一直在做经典的使用香草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样式可能不适用于实际的移动设备。