保持移动设备的尺寸一致性

时间:2014-10-12 18:24:07

标签: html css dimensions

我正在开发一个非常简单的网站,以保持屏幕之间的一致性。

我的问题是,由于某些原因,在手机浏览器上,网站上的内容似乎缩小了,并且比预期的要小得多。

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

以下是我的jsfiddle基本示例:http://jsfiddle.net/szzmc71f/

P.S:我正在努力实现基于规模的这种一致性。

1 个答案:

答案 0 :(得分:1)

在文档中添加viewport以实现此一致性:

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