Html 什么导致网站呈现差异？

我正在尝试我的原型项目（手机版留言板）。经过几个小时的html和css，我决定检查它在Chrome中的外观（在它之前，我是在firefox响应设计模式下编码的），一切都很顺利。

我不知道是哪些css规则导致它以这种方式呈现。以及为什么它只在FF响应设计模式下看起来很好。提前谢谢

，因此您可以检查css，将“高度：155px；”删除到

---

这种差异似乎是由于缺少视口元标记造成的

将此添加到您的头标签

<meta name="viewport" content="width=device-width, initial-scale=1">

---

这会告诉浏览器以设备的宽度呈现页面，而不是试图呈现网站的桌面版本并缩小以适应窗口中的所有内容。

寻求代码帮助的问题必须包含在问题本身中重现所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看，更清晰、更具体的问题陈述也会很好。

<meta name="viewport" content="width=device-width, initial-scale=1">