材料站点在电话上没有响应

Question

我在VueJS 2网站上使用了Vue-material，它在笔记本电脑上看起来像预期的那样。当我缩小屏幕时，它会做出相应的响应。但是，当我模拟智能手机或在智能手机上打开网站时，它看起来就像是计算机布局的“缩小”版本。

我可能在这里缺少一些基本知识，但是我不确定是什么。

缩小浏览器窗口中的站点👍：

在智能手机上的网站👎：

Answer 1

 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

将这两行添加到您网站的HTML中，因为它缺少元视口标记。希望对您有帮助。