无法使卡响应移动设备

Question

[它看起来不错，并且在调整浏览器窗口大小时也能很好地响应，但是当我从移动设备或chrome设备仿真器查看此站点时，引导卡和模式弹出窗口都显得很小。

我找不到原因，也看不出为什么它在调整大小的浏览器上表现不同。

谢谢

Answer 1

您是否设置了响应性元标记？

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

在html标头中。

使用浏览器，浏览器应在其自身屏幕的宽度上呈现页面的宽度。因此，设置后，如果该屏幕的宽度为320px，则浏览器窗口的宽度将为320px，而不是缩小并显示960px（或默认情况下该设备执行的任何操作，而不是响应性元标记）。

Answer 2

您必须在HTML文件的head中添加视口元：

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  ...