0

我不是网络开发人员。我是新兴的游戏开发者。我正在制作这个网站来炫耀我的投资组合。

我认为它在我尝试过的所有 PC 浏览器中看起来都不错。它应该看起来像这样它应该是什么样子

但是在 android 上的 chrome 和 firefox 中，右上角的文本块以大字体呈现，这使得 div 变得巨大并将所有内容向下推。

它在android上的外观

现在，最初有带有站点地图 + 那个段落的主页 html 文件，关于我的项目的各个位，例如“人工制品”，是单独加载到 iframe 中的页面。

我注意到，即使 div 与上面有问题的类是同一类，iframe 中的下段也很好。

这是我迄今为止尝试过的..

我创建了那个新类并明确定义了它的文本大小
我把整个网站放在另一个 iframe 中。奇怪的是没有任何区别
我把那个段落放在一个 li 的 ul 中
我把那个段落中的所有文本都放在一个跨度中
我把文本从 ap 更改为 h7

android浏览器仍在处理它并使文本变大，而不是下面的那个。
在Firefox中，这似乎是由“字体膨胀”引起的，我可以通过更改Firefox设置来解决它。但为什么只夸大一段而忽略另一段呢？

请注意。我在这个网站上所做的一切都是以像素而不是 % 或 em 为单位的。如果我能让android不炸毁那一段就可以了。

4

2 回答 2

3

我实际上已经找到了一个很好的解决方案..将此行添加到您的 css..

html * {最大高度：1000000px;}

无论如何，在 android 上的 chrome 和 firefox 上修复它。

你可以在这里阅读更多关于它的信息。在这个stackoverflow问题 上发现了它

于 2013-11-27T18:54:08.940 回答
2

我们有一种叫做 Font Boosting 的想法，它旨在使在移动设备上难以阅读的文本更具可读性。除了通过包含移动视口元标记来创建移动优化站点之外，您无法真正绕过它，<meta name="viewport" content="width=device-width">这将关闭字体增强，但这意味着屏幕的宽度以 CSS 像素为单位测量，大约为 480 像素一个 Nexus4。

于 2013-09-27T16:10:06.590 回答