每个人！我正在开发一个基于此模板的项目。除了登录页面外，模板上的一切都正常。问题是当有人通过电话打开网站时，页面就像在桌面上一样。我从 themeforest 打开原始模板的登录页面，发现它实际上是响应式的，但对我来说不是。问题可能出在哪里？不幸的是，我无法共享指向我的项目的链接，因为它是针对客户的。
要查看我正在使用的登录页面 - 单击页面，然后单击登录
可能您在 html 头中缺少视口元标记。需要 viewport 元标记来控制网页的尺寸和缩放。在您的情况下，您的登录信息的显示由媒体查询控制，例如max-width: 920px. 手机的实际分辨率可能比这更高。通过添加width=device-width，您实际上是告诉手机上的浏览器将页面缩小到实际屏幕尺寸，而不是使用媒体查询的分辨率。
值得注意的是，您可以向视口元标记添加更多设置，例如控制缩放（您可以在此处找到更多信息）。
<html>
<head>
<!-- other header stuff -->
<meta name="viewport" content="width=device-width">
</head>
<!-- document body -->
</html>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句