问题标签 [skeleton-css-boilerplate]

遵循响应式网页设计的原则，Skeleton 可按比例缩放以适应移动浏览器。Bootstrap 是否提供相同的功能？

查看此页面： http: //new.brixwork.com/realtors/real-estate-website-features

在大电脑屏幕下方，图像和文本块以楼梯设计交替出现。在一个 div 上，图像在右侧，另一个在左侧。并且有4个街区。

我正在使用 Skeleton 框架 (www.getskeleton.com) 进行响应式网格设计，因此网格会根据视口查询重新调整大小，这很棒。但是，当图像和文本框随机排列以相互重叠时，这会在 iphone 或 iPad 上的垂直视图上造成问题。

代替

图片文字文字图片图片文字文字图片

我明白了

图片文字文字图片图片文字文字图片

因为在我的 HTML 中输入对象的顺序。

所以问题是，有没有一种巧妙的方法可以通过 CSS 重新定位项目？我已经使用这样的媒体查询：

有任何想法吗？我想在不使用 jQuery 来检测窗口大小并在可以避免的情况下重新调整它们的大小的情况下做到这一点。我不能使用 PHP 来更改“echo”上的 DIV 顺序，因为如果平板电脑从水平位置变为垂直位置，我希望有效地进行重新洗牌。

有人知道带有Base 980px Grid和Base 1003 Grid的任何CSS网格系统吗？我曾经使用骨架，但使用的是 Base 960 Grid Max。

谢谢。

我在看 www.getskeleton.com。我的页眉和页脚应该跨越 100%。我可以在不“破坏”框架的情况下做到这一点吗？还是我应该将我的布局限制为 960 像素？

我是车把和 Meteor 的新手，我正在尝试用一个新项目来实现Skeleton 。但是，当我将默认 Skeleton 代码放入新的 Meteor 项目时，我收到以下错误：

捆绑应用程序时出现异常：

错误：无法在某行解析.. um .. 一些 HTML 文件。对不起

我的阅读表明这与车把不是正常的 HTML 和 Doctype 行没有被正确解析有关吗？

究竟是什么导致了这个错误，我该如何修复它？

我有一个用 960gs 和 24 列构建的网站的 Photoshop 模型。我还希望它能够响应骨架样板http://www.getskeleton.com/

由于我的设计是基于 24 列的并且骨架支持 16 列，有没有办法让骨架与 24 列一起工作？

谢谢！马尔切罗

我正在尝试将响应式 SKELETON 框架与 Isotope 结合起来，但到目前为止我遇到了一个问题：当我调整浏览器大小时（特别是如果我最小化，然后最大化浏览器），一些列会卡住。如果我将 webkit-animation 设置为 0.1 秒或更短，它就可以工作，但到目前为止，当我使用 0.8 秒时反应不正确。

这是我到目前为止所拥有的：http: //www.paulbauer.net/development/animate.html

谁能帮忙？

最好的问候，保罗

所以，我刚刚开始使用响应式网格框架 Skeleton 的演示。

在我的演示页面上，在标题中，我尝试将 H1 放入八列 div 中，并将按钮放入八列网格中 - 这些位于 16 列容器内。

但是，按钮低于 H1。

我真的看不出哪里出了问题，如果有人能看到明显的东西，那将是最有帮助的。

我想从http://getskeleton.com/的 Skeleton CSS 样板开始。 这是我第一次使用 960gs 模板设计和编写脚本，但我完全不明白。

根据一些教程，我了解页面宽度由 16 个列单元组成。例如，您可以将您的页面分为十个单元列和一个六单元列：

我直接从骨架 layout.css 中获取了以下代码：

问题是我想将我的页面分成 5 个部分（当然还有边距）......但是如何？我可以使用 3 列 5 次，但总共可以计算 15 列。有没有办法做到这一点？

前言：

我正在使用一个有点响应的主题（骨架）。它将布局更改为小屏幕尺寸的单列，

我的问题是：

调整屏幕大小时，我的标题图像（我使用管理面板中的主题选项插入）没有缩放。它始终保持在 940x150。在移动设备上查看时，这会导致一个完整大小的标题，其内容在左侧的单列中，所以我留下了各种空白。

我想：使图像随着屏幕宽度缩小

或者

将标题图像替换为适合较小屏幕尺寸的图像。

选项 2 的问题不是所有设备都具有相同的屏幕宽度，因此它仍然需要可缩放到一个点。

理想情况下：

当高于以下规定的宽度时，图像将缩放以适应 700 左右（ipad 横向）和 940 标准之间的屏幕。

当低于某个屏幕宽度（比如低于平板电脑/ipad 尺寸，因此最大宽度为 700 左右）时，图像被交换为较小的，然后在 300 到 700 左右之间放大或缩小（刚好低于 ipad 尺寸）。

通过这种方式，图像对于网站的渲染来说总是合适的尺寸。

这个特定图像的问题是中间的空白（空白空间）量。在一定宽度以下，我认为图像的元素会变得不自然，而且它们之间的空间很大。

网站：

porthuronairportshuttle.com