显示我的移动优先设计时出现问题
Problem displaying my mobile first design
我不确定这里到底出了什么问题。每当我在这样的渲染器上预览我的网站时，example，我的网站显示与实际 phone 显示不同。这使得测试和适应其他屏幕尺寸变得非常困难。
我正在做一个移动设备优先的布局，但在 chrome 开始出现问题之前一切正常（我的部门不允许修复，所以这不是一个选项）这就是为什么我求助于这些类型的网站。此外，我唯一获准使用的其他浏览器是 IE 和 Edge。
如有任何建议，我们将不胜感激。
您的页面在 <head>
中缺少视口元标记
添加 <meta name="viewport" content="width=device-width, initial-scale=1"> 应该可以使页面在移动设备上按预期呈现。
我不确定这里到底出了什么问题。每当我在这样的渲染器上预览我的网站时，example，我的网站显示与实际 phone 显示不同。这使得测试和适应其他屏幕尺寸变得非常困难。
我正在做一个移动设备优先的布局，但在 chrome 开始出现问题之前一切正常（我的部门不允许修复，所以这不是一个选项）这就是为什么我求助于这些类型的网站。此外，我唯一获准使用的其他浏览器是 IE 和 Edge。
如有任何建议，我们将不胜感激。
您的页面在 <head>
添加 <meta name="viewport" content="width=device-width, initial-scale=1"> 应该可以使页面在移动设备上按预期呈现。