所以这是我第一次尝试使用响应式框架......对于构建响应式网站而言，这也是一个相当新的 - 但是从头开始构建它们并确定每个元素的大小还有很多运气......虽然基金会似乎如果我能绕过它，就像一个更好的解决方案！
正在进行中的工作：http://client.analog.la/360/
它在我的桌面浏览器中表现“正常”（大小调整为400）除了菜单问题 - 我遇到的问题是尝试让菜单下拉到徽标下方并正确居中。
在实际的移动设备和平板电脑上有更多问题...菜单位于上方和整个布局或一侧而不是完全掉下来。在ipad上，整个布局似乎只有大约95％的页面宽度，右侧有一个随机的边缘...在iPhone上，整个布局似乎只有50％的宽度......看起来......太糟糕了。设备上的布局与设备在相同分辨率下的外观之间存在很大的差异，我觉得有点困惑......而且，我真的不确定我的尺寸出错在哪里让它看起来如此错误在设备上！
任何帮助都会受到大力赞赏！
谢谢，
答案 0 :(得分：0)
不确定您是否仍在寻求帮助，但您的代码库中存在许多问题，并且很难说哪些问题导致您尝试解决的问题。您的第一个div使用columns类，但它并未嵌套在row中。在其他地方，您有直接嵌套在其他行中的行没有明显的好处，更多columns嵌套在其他columns中而没有插入row，嵌套rows未设置崩溃。你也在一些地方使用spacer.png，几乎让我流泪。
您的顶级标题位于spans而不是h1。我唯一的猜测是你试图回避基金会的默认风格？使用课程。你需要那些h1用于搜索引擎优化，语义等等。
没有任何侮辱，但你可能会检查Treehouse并提高你的编码技能 - 可以为你节省大量的时间和未来工作的挫折感。