Css 不同网站上大小相似的文本在我的iPhone上看起来不同

我有一个简单的原型应用程序

我只为手机设计这个网站（这只是一个个人项目）。出于某种原因，当我在iPhone5上打开时，文本显示得非常小

我还制作了其他类似大小的网站，显示的文本要大得多。一种可能的解释是，我使用的是在脚本标记中封装DOM元素的方法

---

有没有其他人在我的网站上遇到过这种情况？它在你的手机上看起来怎么样？例如，

标记是48px。我检查过的其他使用类似字体大小的网站（在设备宽度时，正确的浏览器实现会忽略脚本标记。它在Chrome和默认android浏览器中显示正常，但我没有Iphone来测试它。系统文本大小是否与浏览器冲突？您可以尝试切换系统文本大小，看看它是否在浏览器中更改。

lt mobile浏览器通过以更大的视口大小进行渲染而假装为桌面浏览器。具体大小取决于您的平台。您需要通过向html添加

视口

元标记来覆盖此行为

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

---

这是一个使用视口的好方法。

我仍然觉得我遗漏了一些东西。在你的手机上查看。主标题是50px。现在回到我的网站-它也是50px。它不是小得多吗？手机上的50px与笔记本电脑上的50px不相等。每个设备的像素/英寸比率不同。（想想720p 50英寸电视与1080p 50英寸电视）也就是说，iphone是326 ppi，而普通的MacBookPro 13“是113 ppi。因此，iPhone5上的50像素仅为1/6”，而macbook上的是1/2“。我刚刚看到你的更新。如果我之前的评论不适用，请随意忽略。太棒了，太棒了，太棒了！我知道我遗漏了一些东西。这真的让我很烦，所以非常感谢你！”！