问题标签 [skeleton-css-boilerplate]

奇怪，在骨架框架中，如果我从最后两个 div（连续出现的三个 div 中）中删除内容，然后尝试将这两个 div 高度映射到第一个 div 高度，将 height:100% 应用于 html、body、parent 和所有这三个/最后两个 div。

高度不适合任何元素。此外，在浏览器（mozilla / chrome）中查看时，无论是否保持打开“检查元素”面板，高度都会出现奇怪的不同。

谁能解释一下，为什么会这样。以及在这种情况下如何实现空 div 的高度。

<---------------------------------------------------- >

<---------------------------------------------------- --->

@mamuz，我说的是骨架默认代码 [html/css 包]，可以从骨架网站的下载部分下载，即http://www.getskeleton.com。我尝试为三个 div 添加 height 属性，这些 div 分别出现在底部的部分中，标题分别为“关于骨架”、“三个核心原则”和“文档与支持”。

我在布局 css 中添加了以下几行：

除了上面的代码，我只是将第二个和第三个 div 设为空，并将文本内容只保留在第一个 div 中。查看第二个和第三个 div 是否与第一个 div 的高度匹配。

我基于 Skeleton Framework 制作了一个 HTML 页面，并尝试添加一个带有子菜单的 css 菜单。菜单工作正常，但我在 IE7 中的子菜单遇到问题。除 IE7 及更低版本外，该子菜单适用于任何地方。子菜单不会出现在它发布的菜单项下方，而是出现在它旁边，在菜单本身的中间。

这是我的代码：

HTML：

CSS 代码：

任何帮助，将不胜感激。

我有一个简单的问题。我现在正在学习网页设计，但我发现基于像素的网格非常困难；这件事是由于响应因素造成的。

我不能只插入媒体查询，因为例如，图像必须针对每个像素调整大小，而不仅仅是在逻辑断点处。所以我的解决方案，尽可能简单，将设置一个宽度：%; 对于每一列（我将有 1 或 2 列，但图像和内容必须针对每个像素调整大小）。

然后拿 Skeleton .. 我看到了，但它似乎是 960gs 的相同副本，除了媒体查询......它仍然是同样的问题。

我可以认为 960gs 可以解决一个大站点中的问题，其中您有许多元素（3-4 列）并且您不需要增加或调整它们的宽度（例如对于 1024 处的最大逻辑断点，例如，您不需要为列提供其他空间，您只需设置一个边距：0 auto;用于使整个站点居中）。

所以你怎么看？我需要一个建议。谢谢你。

编辑:: 代码示例（我说它只有 2 列）

强制我的 Spree 应用程序/用户的浏览器忽略骨架宽度调整并始终假设浏览器宽度为 960 像素，只是让用户正确滚动，是否可能且容易？

我已经创建并部署了一个基本的、功能强大的电子商务应用程序。作为一个绝对的新手，我不知道响应式设计。所以，现在，我的网站在大视图下运行良好，但在宽度 < 960 像素时变得混乱。我希望在进行一些学习和重新设计布局的同时快速获得补丁。

我目前正在使用 Skeleton 平台，并在其上安装了 Flex 滑块。有一个问题困扰着我，每当我开始我的页面时，滑块会在滑块的底部区域创建一条高度可能为 3-4 像素的线。我到处搜索，人们的建议是将 flex 的边距设置为 0，但这没有帮助。

这是我开始 flex 的代码：

以及情况/问题的图像预览。

没关系黑色空间，我故意创建它以查看我的图像高度是否太小。

如果您需要代码示例，我会提供。

在此先感谢，乔治。

我想知道是否有人正在研究或使用骨架框架（http://www.getskeleton.com）？GitHub 网站确实不时显示一些活动，但我想知道是否有办法让我与知道发生了什么的人聊天。

在我最近的所有项目中，我一直在使用该框架，我想更多地参与它的开发。

谢谢

我正在尝试在我的应用程序中使用骨架导轨 CSS 框架。我有一些容器和一个列表导航app/views/layouts/application.html.erb，我正在尝试设置样式。我已按照骨架 git 存储库中的说明进行操作，其中包括添加gem 'skeleton-rails到Gemfile. 然后我从我bundle install的rails g skeleton:install应用程序主目录运行。如说明所示，这将以下内容添加到我的app/assets/stylesheets/application.css：

但是，在我的文件中，所有内容都被注释掉了，上面的行前面有星号 (*)。我已经尝试在 s 之前结束注释块require，删除星号和等号等，但是当我重新加载页面时，我仍然没有看到我应该从骨架样式中看到的更改。有什么我想念的吗？提前感谢您的帮助。

我正在寻找执行以下操作的最佳方法：

我需要它，以便内容区域在窗口的右边缘和固定菜单之间水平居中。我在正确的区域使用了骨架样板，如果我能把它居中，我会很感激，但我不确定它是否会破坏骨架来做到这一点。

我对这一切还是很陌生，我想先发制人地感谢你的帮助。

我正在使用骨架网格系统，并按照网格文件中提供的 layout.css 文件中注释的说明更改页面的全局字体。我发现的问题是它没有覆盖 base.css 文件字体。

以下是我在 layout.css 文件中所做的更改：

我将文件夹“字体”添加到根目录：

当我在本地运行页面时，会出现 base.css 文件字体：

我是否需要覆盖 base.css 文件？

这是我正在处理的网站：

http://www.montevista.dreamhosters.com/

您将需要 Opera Mobile Emulator 或 Android 设备（并非所有设备都显示此问题）。我认为三星 Galaxy III 也显示了这一点。

这是样式表的未缩小版本： http ://www.montevista.dreamhosters.com/wp-content/themes/Monte-Vista/style-unminified.css

我很确定这不是 responsive-nav.js 的问题，而是与我自己的代码有关。我正在使用骨架网格。

是否有任何测试工具可以让我查看源代码？我尝试连接 Opera Dragonfly，但它最终向我展示了浏览器中显示的内容，而不是模拟器中显示的内容。