基金會4（Zurb）的各種問題 - 一個頁面

Question

所以這是我第一次嘗試使用響應式框架......對於構建響應式站點來說也是相當新穎的 - 但是在建造大樓時運氣更多他們從頭開始，確定每個元素的大小......雖然基金會似乎是一個更好的解決方案，如果我可以讓我的腦袋圍繞它！

進展中的工作是在這裏：http://client.analog.la/360/

它的表現在我的桌面瀏覽器「好吧」，除了用菜單有問題（調整到400） - 我遇到的問題是試圖讓菜單放在標誌下面並正確對中。

在實際的移動設備和平板電腦有更多的問題...菜單是坐在上面，整個佈局或一側，而不是下降。在iPad上，整個版面似乎只有95％左右的頁面寬度，右邊有一個隨機邊距...在iPhone上，整個版面看起來只有50％左右的寬度......這看起來......很糟糕。在設備上的佈局看起來與在桌面上看起來在相同的分辨率下我有點困惑之間存在很大的差異......另外，我真的不確定在尺寸上出錯的地方使它看起來很錯誤在設備上！

任何幫助將大規模讚賞！

感謝，

Answer 1

不知道，如果你還在尋找這個幫助，但也有一些在你的代碼庫的問題，這是很難說哪些是引起你想的行爲地址。您的第一個div使用columns類，但它不嵌套在row中。在其他地方，你有行嵌套在其他行沒有明顯的好處，更多columns嵌套在其他columns沒有介入row和嵌套rows未設置爲崩潰。你在幾個地方也使用spacer.png，這幾乎讓我失望了。

而您的頂級標頭爲spans而不是h1。我唯一的猜測是你試圖迴避基金會的默認樣式？使用一堂課。你需要那些h1 S代表SEO，語義等

沒有侮辱意，但你可能做得很好，退房Treehouse和銳化您的編碼技能 - 可以爲您節省大量的時間和挫折在今後的工作。