Html 调整网页大小以适应iPhone屏幕

通过阅读教程，我创建了一个css家族树。在桌面浏览器中，它看起来非常完美。这就是它的样子

现在我正试图让它在iPhone和iPad屏幕上显示相同的内容。但当在这些屏幕上观看时，它会把布局搞得一团糟。像这样

请注意，缺少连接节点的某些线

我尝试使用html元标记调整页面大小。试过下面的三行

<meta name="viewport" content="width=device-width">

<meta name="viewport" content="initial-scale=1.0">

<meta name="viewport" content="initial-scale=2.3, user-scalable=no">

但是没有用。我只需要缩小页面以适应iPhone和iPad屏幕。有人能告诉我如何才能做到这一点吗

我还在这里创建了一个示例来演示这个问题

---

谢谢。

你问错了类别：）这是css，而不是其他任何东西

我打赌你现在已经找到答案了。 但对于你的小提琴：

    .tree {
            width:1100px;
    }

如果你还需要什么，请告诉我。 祝你今天愉快