2

所以这是我第一次尝试使用响应式框架...对于构建响应式站点来说也是相当新的一般 - 但是从头开始构建它们并调整每个元素的大小会更幸运...尽管 Foundation 看起来很如果我能理解它，更好的解决方案！

正在进行的工作在这里：http ://client.analog.la/360/

它在我的桌面浏览器中表现“正常”（缩小到 400），除了菜单问题 - 我遇到的问题是试图让菜单下拉到徽标下方并正确居中。

在实际的手机和平板电脑上有更多的问题......菜单位于上方，整个布局或一侧，根本没有下降。在 ipad 上，整个布局似乎只有大约 95% 的页面宽度，右侧有一个随机边距……在 iPhone 上，整个布局似乎只有大约 50% 的宽度……看起来……很糟糕。布局在设备上的外观与在相同分辨率下在桌面上的外观之间存在很大差异，我有点困惑......另外，真的不知道我的尺寸哪里出了问题，使它看起来如此错误在设备上！

任何帮助将不胜感激！

谢谢，

4

1 回答 1

0

不确定您是否仍在为此寻求帮助，但您的代码库中存在许多问题，很难说是哪些问题导致了您试图解决的行为。您第一次div使用columns该类，但它没有嵌套在row. 在其他地方，您的行立即嵌套在其他行中而没有明显的好处，更多地columns嵌套在 other 中columns而没有插入row，并且嵌套rows未设置为折叠。你也在spacer.png一些地方使用，这几乎让我泪流满面。

并且您的顶级标题在spans而不是h1. 我唯一的猜测是你试图回避 Foundation 的默认样式？使用一个类。您需要那些h1用于 SEO、语义等的 s。

没有侮辱的意思，但你最好去看看Treehouse并提高你的编码技能 - 可以为你节省大量时间和未来工作中的挫败感。

于 2013-10-23T16:08:35.810 回答