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

Question

我通过this教程创建了一个css族树。在桌面浏览器中它看起来很完美Here就是它的样子。

现在我试图让它在iPhone和iPad屏幕上显示相同的内容。但是当在那些屏幕中查看它时，它会弄乱布局。像这样。

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

我尝试使用html元标记调整页面大小。尝试了下面的所有3行。

<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屏幕。有谁能告诉我如何才能做到这一点？

我还在这里创建了一个fiddle来证明这个问题。

感谢。

Answer 1

你在错误的类别中问:)这是更多的CSS然后其他任何事情。

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

    .tree {
            width:1100px;
    }

如果您需要更多信息，请告诉我。 祝你有愉快的一天。