问题标签 [skeleton-css-boilerplate]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5223 浏览

html - 如何使“图像横幅”100% 的视口没有边距和页面中心的其余部分

我的问题是如何让横幅成为100%视口,同时保持其他一切居中。

现在我正在尝试使用 Skeleton 框架来使用它的预制@media解决方案和网格系统。我注意到因为它是一个 960 网格系统,所以我不能在里面放一个横幅,它会进入100%视口(因为它被限制在960px)。

我想要一个解决方案,它允许我继续使用 Skeleton 框架,并且我可以为像这个网站100%这样的视口横幅解决问题。

如果这是不可能的,那么我将需要有关实现此目标的最佳方法的指导。

0 投票
1 回答
73 浏览

html - IE7菜单悬停时页面混乱

我正在处理的网站存在一些问题。出于某种原因,只有在 IE7 中,当您将鼠标悬停在顶部的主菜单上时,页面会完全混乱。在页面初始加载时,您已经可以看到菜单本身的位置错误,向左 15 像素。当您将鼠标悬停在菜单上时,菜单本身会回到正确的位置,页面的其余部分会完全混乱。

页面:http ://www.ptwee.nl/referenties/

该站点是使用 Skeleton Wordpress 主题构建的,该主题使用 superfish 作为主导航。

我还使用https://code.google.com/p/css3-mediaqueries-js/在旧 IE 浏览器中呈现响应式 CSS

0 投票
2 回答
4178 浏览

css - 带文本/按钮的全屏图像(响应式)

我正在为客户做一个复杂的项目。我设计了一个全屏登录页面,需要在所有大小的 windows/mobile 上兼容(响应式)。目前我无法定位图像以覆盖整个页面。div (slider-full-width) 需要跨越整个窗口。我提供了一张图片来展示我想要实现的目标。我正在使用骨架框架。http://www.getskeleton.com/在这个全屏登陆页面之后,您必须能够继续向下滚动才能看到页面的其余内容。

这必须占据所有设备上的整个屏幕

我的 HTML:


我的 CSS:

}

非常感谢您!

0 投票
1 回答
2481 浏览

html - Skeleton CSS - 响应式表单

我有一个使用骨架 css 实现的表单。我使用的是三列(即三分之一列)布局,但是由于列内容的各自长度,这导致了很多空白。我更喜欢类似于以下的水平布局:

文本框1 文本框2 文本框3

文本框 4 文本框 5 文本框 6

然后它会在移动设备上崩溃,如下所示:

文本框1

文本框2

文本框3

文本框4

文本框5

文本框6

到目前为止,我认为我能做到这一点的唯一方法是将每个文本框包装在它自己的“三分之一”列中。有更清洁的方法吗?

谢谢

0 投票
1 回答
2974 浏览

css - 使用 Skeleton 框架的媒体查询

我遇到了麻烦:http ://brybell.me/vipeepz/skeleton/

那是骨架样板/框架的 layout.css 文件中的媒体查询代码。

它似乎没有接收媒体查询,我尝试了很多东西,但似乎没有用。

现在有两个标志,因为我在做一些测试,但我真的只是想做一些简单的类似于 instagram 网站的东西。带有屏幕截图的简单电话图像,然后是徽标和下方的文本块。

我将不胜感激。非常感谢你。我对此感到沮丧,因为我在桌面上拥有我想要的网站,但无法将内容重新定位到我想要的位置。

0 投票
2 回答
1208 浏览

css - 我的骨架 css 似乎不起作用

这是我第一次尝试使用骨架 css。在此之前,我曾经使用 Blueprint css。我正在尝试一个非常简单的代码,但它不起作用。这是我的代码。

似乎这两个部分都占据了页面的整个宽度。我的代码有问题还是我的概念有问题?

0 投票
0 回答
199 浏览

css - 当我使用skeleton-css-boilerplate时,我的h1和h2元素隐藏在部分后面

这是我第一次使用骨架 css。我有一个标题元素和一个部分元素。标头元素包含一个 h1 和 h2 元素。我的部分有一个滑块,我在其中使用了 flexslider。现在,每当我尝试调整浏览器大小时,滑块都会与标题一起折叠并隐藏它的下部。

这是我的标题和部分的代码

0 投票
2 回答
5118 浏览

skeleton-css-boilerplate - 如何使用 Skeleton 设置嵌套网格

我想在我的网站页面的主要内容区域中添加一个图像和内容网格。我有一个基本的两列模板,我想将网格放置在大内容区域中。一切正常,但是一旦我调整为纵向大小,我就会失去 div 之间的所有边距。我不太确定在骨架中对这些项目进行分组的正确方法是什么。我需要为每一行结束我的容器吗?非常感谢任何帮助或建议。

0 投票
0 回答
719 浏览

jquery - 同位素问题:更改设备方向时图层卡住(iPad iPhone)

我正在使用带有同位素的响应式 SKELETON 框架,但是当我在 ipad 上查看页面并更改设备方向时,同位素会卡住并相互叠加,直到我刷新或过滤它。

我试过这个

同位素问题:调整大小时图层卡住(响应式)

但这无济于事。

有谁知道如何修理它?谢谢

0 投票
2 回答
2794 浏览

html - 如何将 ul 与 Skeleton 的中心对齐?

非常新的前端。我正在使用 Skeleton Responsive Framework 设计我的网站,但无法让页脚导航在移动布局中居中。它当前与左侧对齐。

我假设我的目标不正确。任何人都可以帮忙吗?

这是我正在使用的代码:

这是桌面版和移动版的 CSS: