我正在创建一个小网站，只是为了测试我的移动 HTML/CSS 技能，但我遇到了一个奇怪的问题。所有内容在我的移动设备或 Chrome 移动设备开发工具中看起来都非常小，但当我将宽度调整到 400 像素或更低时，它们会在我的浏览器中正常显示。我真的不确定这里出了什么问题，因为我过去使用这些尺寸（11px 字体大小等）构建了尺寸，并且它们在所有平台上都能正确显示。真的不知道发生了什么。有人有任何见解吗？
在这里看看： http: //gfitzpatrickportfolio.com/flights/
在您的所有页面中添加此标签：
<meta name="viewport" content="width=device-width, initial-scale=1">
它将以正确的比例将内容适合屏幕。:)