问题标签 [skel]

我是 skel.js 框架的新手，遇到了一些问题。

我从 HTML5UP.net（Zerofour 主题）下载了一个模板，并为我的网站修改了所有模板，但是 CSS 没有正确显示在我的无侧边栏和左侧边栏页面上。

我有一个包含以下链接（与他们的模板相同）：

如果我绕过 noscript，网页会按原样显示，但会失去所有移动和可流动的能力。

任何想法将不胜感激！

插件：如果我将我的页面移动到根目录并更新链接，那么 CSS 可以工作，但在它们的子目录中，只有基本布局可以工作。

抱歉，我不知道如何正确命名，或者以 tl;dr 的方式解释它。我被困住了。我使用了一个使用 skel.js 和 skel-panels 的模板来做一个带有侧边栏的响应式布局。然后我添加了后伸，现在我希望徽标始终在屏幕的右下角对齐（除非它是一个窄/移动视图 - 但我已经大致弄清楚了那部分）

我让底部对齐可以自己工作，但是当我将它与所有其他东西放在一起时，徽标不会显示（在宽视图中）。我已经把它缩小到 skel-panels.min.js （从代码中省略了，其他一切都很好）

我只是不知道如何弄清楚。我的代码现在已经很乱了，所以它可能是我在某个地方做过的事情，但是一旦删除了 skel-panels，它似乎确实可以正常工作。

http://staygold.ca/wood2/index.html

我想我正在尝试做太多超出我能力范围的事情，但它似乎确实有效，除了这一件事

我可以看到 2 种可能性 - 仅在“窄”视图或更小的情况下使用骨架面板，因此仅在正常和宽视图上将其关闭 - 不确定这是否可能

或者以某种方式让徽标 CSS 覆盖面板？就像以某种方式使该 div 覆盖整个页面？

编辑：如果我在这些位置上玩弄，会发生不同的事情，但我无法获得正确的组合来将它放在底角（徽标出现，但它位于右上角）。不确定这是否会在没有骨架面板的情况下有所帮助，但值得一试

HTML

CSS

我正在尝试创建一个参考网站。我正在使用名为“Skel”的新框架。它真的很酷，但没有具体的文档。我想知道如何让导航栏上的按钮位于标题旁边，而不是右边。这是我正在使用的代码：

这是 style.css 中的导航栏内容

我在网上找到了一个不错的模板，想将它用于我的 rails 应用主页。我决定使用高压 gem并通读它的自述文件。我设法使路由正确，但我找不到模板 zip 文件中的大量资产（css、js、svgs 和 sass）文件的适当路径/文件夹，这显然使它看起来不错。

我尝试将它们放入我的 rails 应用程序的 assets 文件夹中，它使一些“功能”正常工作，但 svgs 和图像没有显示......它搞砸了我现有的页面。阅读 Rails 文档后，我尝试将模板资产存储到供应商文件夹中，但也没有成功。

我应该在哪里存储模板启发主页的资产，以免破坏我的普通/应用程序页面的外观？我应该在我的 html 中使用哪些路径来调用它们？

我开始使用 Skel 来构建响应式网页设计。

我想为我的不同断点（布局）设置替代单位宽度

看看这段代码：

所以在这里，我们在行的每一侧都有一个 1u 的偏移量。我想做的是为我正在使用的每个断点（宽、中、小、xxsmal）设置特定的偏移量。

当我不需要偏移量时，我会这样做：

但是有了偏移量，它就不能按照我期望的方式工作，任何帮助对我来说都是非常有用的。

我可能没有完全理解 SkelJS 是如何工作的，如果答案在文档中，请原谅。提前感谢您的回答。

网站正在使用 skel 框架。

示例：http ://www.webdellarte.com/espace-client/ERA/

我在几部智能手机上尝试过，同样的问题发生了：CSS转换看起来在智能手机上不起作用您可以通过停用属性转换在 PC 上进行测试（缩小窗口以查看问题）

空白处：

智能手机转换有什么兼容方式吗？似乎 skel-layer.js 正在内联添加变换值。

谢谢！

我正在为使用 skel 框架的响应式站点使用模板 (html5up.net/prologue)。

该站点运行良好，除非我通过漂亮的 URL 访问它。示例：example.com/fake-dir/。dir fake-dir 不存在，漂亮的 URLS 使网络服务器在根目录中查找。出于某种原因，使用漂亮的 URL 时不应用 css 样式。我应用 prety url 的 .htaccess 如下：

我已经将问题追踪到 init.js 并且感觉它与 js 如何尝试应用 css 文件有关。我认为它正在寻找根目录/css 的漂亮 url 目录/css 中的 css 文件。我尝试在 init.js 的开头添加一个绝对路径，如此处所示，用于不同的样式，但这不起作用。“全局”：{范围：“*”，href：“example.com/css/style.css”，容器：1400，网格：{装订线：40}，视口：{可扩展：假}}，

这是整个 init.js 文件。任何帮助都会得到帮助。

我目前正在为我的基本网站使用 skel 框架。我需要将导航变成多级导航（下拉菜单）。是否有内置功能或者我需要包含一些插件？使用我当前的设置，单级导航运行良好，但是当我嵌套 UL 和 LI 标记时，它会破坏页面。

我在我正在开发的网站上使用 Skel.js 和 Skel-layers.js，我正在使用修改后的 HTML5Up 模板：http ://html5up.net/escape-velocity

我面临的问题是可折叠导航在 iOS 上不起作用（我已经尝试过 Safari 和 Chrome）。可折叠导航适用于所有其他网络浏览器和移动设备。原始模板适用于 iOS。

HTML结构，和JS是一样的。CSS 中的所有更改都没有我发现的影响。我一直在删除元素style-mobile.css并在我的 Macbook 上测试 iOS 模拟器中的更改。

我正在处理的网站是http://havenlea-farms.co.uk/ 当单击折叠的导航图标时，iOS 中没有响应。

有没有人对可能的原因有任何想法？我知道问题结构不是很好。

我的企业网站最初是在 Skel 框架上构建的，使用 Baseline 模板。因此，捆绑了很多 CSS/SCSS。

在构建网站时，我们使用了 Arimo 字体，链接在这里：

https://www.google.com/fonts#UsePlace:use/Collection:Arimo

这是文本在 Skel 网站上的外观：

但是，由于一些无关紧要的原因，我们决定从头开始构建站点并远离 Skel 和 Baseline。

我们使用相同的字体和通用设计，但是当我尝试使用相同的字体时，渲染效果非常非常不同。

我的代码中没有任何 CSS 可以指示渲染的任何更改，有什么帮助吗？