Html 在移动设备上保持维度一致性

我现在正在开发一个非常简单的网站，以保持屏幕之间的一致性相当精确

但我的问题是，由于某种原因，在手机浏览器上，网站上的内容似乎被缩小了，比预期的要小得多

我正在使用

ems

进行测量，并试图使用此单元来保持屏幕之间的尺寸一致，但我认为我使用的方法不正确，或者我需要找到一种不同的方法

下面是我的JSFIDLE的一个基本示例：

附言：我正试图在规模的基础上实现这种一致性

为实现一致性，在文档中添加：

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

添加一个。这似乎有效。谢谢很高兴听到这个消息。我接着补充说，作为将来参考的答案。