在移动设备上保持尺寸一致性答案

【问题标题】：Keeping dimensional consistency on mobile devices在移动设备上保持尺寸一致性
【发布时间】：2014-12-07 08:05:39
【问题描述】：

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

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

我正在使用ems 进行测量，并尝试使用此单元来保持屏幕之间的尺寸一致，但我认为我使用它们不正确，或者我需要找出不同的方法。

这是我的 jsfiddle 的基本示例：http://jsfiddle.net/szzmc71f/

P.S：我正在尝试根据规模实现这种一致性。

【问题讨论】：

【解决方案1】：

在文档中添加viewport 以实现这种一致性：

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

【讨论】：