在iPad与PC上显示时，相同文本内容的大小不同

Question

我创建了一个用户界面，您可以在其中创建自己的活动卡片，其中包含som文本和图像。问题是，当我的PC上创建并显示文本内容时，它完全适合周围的边框。但是当它在iPad上显示时会出现文本溢出。

链接示例：http://twww.dk/test_overflow.html 示例包含来自iPad的img和screenshoot，因此可以轻松比较PC与iPad上相同代码的不同结果。 希望有人可以告诉我如何避免任何差异？ 谢谢。

Answer 1

您应该使用CSS设计的“卡片”，以便它像一个根据内容大小调整大小的容器。这样你就没有那个设计问题了。否则，您必须尝试将动态内容放入静态容器中。