显示我的移动优先设计时出现问题答案

【问题标题】：Problem displaying my mobile first design显示我的移动优先设计时出现问题
【发布时间】：2019-11-08 11:24:12
【问题描述】：

我不确定这里到底出了什么问题。每当我在这样的渲染器上预览我的网站时，example，我的网站显示与实际手机显示不同。这使得测试和适应其他屏幕尺寸变得非常困难。

我正在做一个移动优先的布局，但是在 chrome 开始起作用之前，一切都运行良好（我的部门不允许修复，所以这不是一个选项），这就是我诉诸这些的原因网站类型。另外，我唯一被允许使用的其他浏览器是 IE 和 Edge。

任何建议将不胜感激，谢谢。

【问题讨论】：

【解决方案1】：

您的页面在<head> 中缺少视口元标记

添加<meta name="viewport" content="width=device-width, initial-scale=1"> 应该会使页面在移动设备上按预期呈现。

【讨论】：