每个人我正在做一个基于this模板的项目.除了登录页面,模板上的一切都正常.问题是,当有人通过电话打开网站时,页面会像在桌面上一样显示出来.我从最前面打开了原始模板的登录页面,看到它实际上是有响应的,但对我来说不是.问题出在哪里?不幸的是,我不能分享到我的项目的链接,因为这是给客户的.

要查看我使用的登录页面,请单击Pages,然后单击Login

推荐答案

可能您的html头部缺少了viewport meta标记.

值得注意的是,您可以向视口元标记添加更多设置,例如控制zoom (您可以找到更多信息here).

<html>
  <head>
    <!-- other header stuff -->
    <meta name="viewport" content="width=device-width">
  </head>
  <!-- document body -->
</html>

Css相关问答推荐

如何为垫子制作圆角- Select 所有角点上的下拉列表

CSS子网格不显示行间距

臭虫?嵌套的css供应商前缀中断Chrome css解析

为什么CSS flex似乎应用了两次内部元素的填充?

使用 CSS 定位悬停/弹出 div - 字形浏览器网页

CSS 布局:使一列依赖于另一列

当值小于 1 时理解 flex-shrink

将框架放入 bootstrap 模式的正确方法是什么?

没有 colored颜色 Select 器的 JavaFX colored颜色 Select 器

在所有移动设备中禁用滚动

  • 元素上的子弹来自哪里?
  • 纯 CSS 滚动动画

    如何使用 Gulp 复制多个文件并保持文件夹 struct

    Chrome 呈现 colored颜色 的方式与 Safari 和 Firefox 不同

    在 Twitter Bootstrap 中创建圆角的正确方法

    如何对齐标签和文本区域?

    更改 FontAwesome 图标的字体粗细?

    如何防止内联块 div 换行?

    在 CSS 中表示 100% 的 1/3 的最佳方式是什么?

    CSS停止图像下的文本换行