html - react-native-webview中的视口比例保持标题的字体大小

我正在开发一个应用程序，该应用程序将具有 Web 内容、生活在 Web 视图中，以及使用 react-native 构建的一些其他内容和视图。我有一个配置用户可扩展的元标记视口是的。

但我的问题是，当我缩放我的 web 视图时，我想要一些跨度的内容 HTML 不与其他内容一起缩小，并且该文本保持当前大小。我在 Gmail 的邮件应用详细信息视图中找到了一个示例。

谢谢！

在 zone 1 中，此文本在缩放时不会更改字体，

在区域 2 中，内容缩小

标签： htmlreact-nativewebviewscaleviewport

我确切地知道你在问什么。

如果您在移动设备上使用 GMail，放大将导致电子邮件放大，但不会放大电子邮件的标题。但是，如果您放大标题本身，它将在该点放大。

您正在寻找的是如何处理多点触控交互。

GMail 通过在放大目标元素时阻止默认的放大行为来做到这一点。在这种情况下，电子邮件正文。

放大标题时，不再阻止默认行为。

实施起来不是一件小事。您需要花一些时间来了解多点触控交互。你可以在 MDN 上找到很棒的信息。