html - 无法让卡响应移动设备

Question

请检查此网址... http://rdarby.epizy.com/?i=1

全尺寸看起来不错，并且在调整浏览器窗口大小时响应良好，但是当我从移动设备或 Chrome 设备模拟器查看此网站时，引导卡和模式弹出窗口都显得非常小。

我无法找到此问题的原因，也无法理解为什么它在调整大小的浏览器上表现不同。

谢谢

Answer 1

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

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

在 html header 中。

有了它，浏览器应该以其自己屏幕的宽度呈现页面的宽度。因此，设置后，如果屏幕宽度为 320 像素，则浏览器窗口将为 320 像素宽，而不是缩小并显示 960 像素(或设备默认执行的任何操作，代替响应式元标记)。