調整網頁以適應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; 
    } 

只要讓我知道，如果你需要什麼了。 祝您有愉快的一天。