Android 手机字体大小的问题

我正在制作一个响应迅速的网站，我不知道如何解决高dpi移动设备的问题。我已经把h2设为2em，把p设为1em，所以h2的大小应该是p的两倍，对吗？当我在Galaxy S4上处于肖像模式时，它们的大小几乎相同。出于某种原因，它在风景中看起来更好。我还注意到，通过使用javascript显示视口的宽度，galaxy s4在横向和纵向上总是980px宽，这不是很奇怪吗

我正在使用

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

---

现在，我可以为所有像素比率更高的设备设置单独的媒体查询。但是我h2的字体大小仍然很奇怪。我必须将其设置为4em，使h2在纵向上大约是1em p的两倍，但在横向上它要大得多。在我的手机上，肖像模式下的字体大小是什么？？：S

不确定它是否有用，但我通常使用：

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

---

我只在正文中设置了100%的字体大小，然后我就用ems处理了所有的事情。你的meta标记对我来说没有什么区别，只是让我无法在移动设备上缩放..试着设置body{font size=16px；}或一些具体的东西，也许移动浏览器对默认字体大小做了一些奇怪的事情我也试过了。而且不仅仅是字体大小。我的主要内容div在手机上应该是100%宽度，但随着视窗变宽，它会变小，但我的手机浏览器显示它的宽度是980px，甚至比平板电脑的常用断点还要大。你能发布你用于断点/内容div的css吗？完成。但是我没有为content div使用断点，它现在设置为max width 47.5em。由于我的手机浏览器是980px/61.2em，所以当我希望它是全宽的时候，它会将div居中，两边都有很大的边距。

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

@media only screen
and (max-device-width: 979px),
(max-width: 979px) {

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}