问题标签 [elasticlayout]

我正在使用基于 em 的布局的网站上工作（因此当用户增加或减少字体大小时，它可以优雅地拉伸和压缩）。这个网站有一个应该在所有页面上显示的标题。我在所有页面中都有一个“标题”div，站点范围的 css 文件包含以下代码：

问题是这并没有真正优雅地伸展。当文本大小增加时，高度和宽度会发生变化，但**图像大小不会增加；它只是重复*.*

我怎样才能让我的图像拉伸和挤压，而不是重复或被切断？ （如果可能的话，我想要一个基于 css 的解决方案……我已经有了一些 html 的想法）。

我有一个单杠，它被赋予width了100%. 在水平栏中，我有一个在978px容器内左对齐的文本。每当浏览器窗口缩小到小于978px宽度时，页面底部就会出现一个滚动条。每当我向右滚动时，栏不再跨越页面的宽度，而是留在后面。我明白为什么会发生这种情况，但我不知道该怎么做才能解决它。如果您有任何想法，请告诉我。谢谢！

示例页面

我正在尝试找到一种使用 wxPython 布局 3 窗格窗口的简单方法。

我想在左窗格中有一个树列表，然后有一个分成两部分的右窗格 - 顶部有一个编辑组件，底部有一个网格组件。

类似于以下内容：

我希望窗口可以重新调整大小，并让用户能够通过拖动边框来更改窗口中每个组件的（相对）大小。

我认为我需要一些 sizers 和/或 splitter-window 组件的组合，但在文档或网络上找不到这种窗口的一个像样的例子。

我有一个具有弹性布局的网页，如果调整浏览器窗口的大小，它会改变其宽度。

在此布局中，标题 ( h2) 的长度可变（实际上是我无法控制的博客文章的标题）。目前 - 如果它们比窗口宽 - 它们被分成两条线。

是否有一个优雅的、经过测试的（跨浏览器）解决方案 - 例如使用 jQuery - 缩短该标题标签的 innerHTML 并添加“...”如果文本太宽而无法在当前屏幕上放入一行/容器宽度？

如何在具有弹性布局的网站上并排显示两个图像，这将自动缩放到父容器的 50%？

我昨晚在玩它，但没有走得太远。

当我使用 div 时，它们相互重叠，或者第二张图像首先显示在下方。

当我使用表格时，表格变得比屏幕宽，导致垂直滚动条。

我事先不知道图像的大小，也不知道用户的分辨率是多少，理想情况下我会完全通过 css 设置它，而不使用 javascript。

我在其他页面上很幸运，通过设置单个图像自动缩放以适应容器，max-width:90%但我不能在这里应用这个技巧。有趣的是，这个场景的最大宽度是根据窗口（父元素）设置的，而在上面的示例中，最大宽度是根据图像本身的宽度设置的。

对不起我的英语，如果有不清楚的地方，请询问。

谢谢

我有一个页面有 2 个区域：标题和内容。
标题应该[当然]固定在顶部，并且没有固定的高度，以及它下面的内容。

关键是，如果内容区域溢出，我需要滚动它......就像：标题应该始终存在，但内容可以向下滚动，即您的浏览器窗口，栏始终位于顶部和页面滚动。

我正在使用 JS 在另一个页面中执行此操作，其中“页脚”具有固定高度，所以我可以说“嘿，内容，使用页面高度减去页脚高度”。

我可以只用 HTML+CSS 来实现，还是需要使用 JS？如何？

我最近遇到了Elastic Lists，发现它们非常酷。

有人知道可以给我弹性列表的 javascript 库吗？如果没有，任何关于自己编写的提示也将受到欢迎。:)

谢谢，

标题说了算。我想要一个 2 列 CSS 布局：

• 居中 - 主要内容以页面为中心
• 具有固定（像素）的右列宽度
• 有一个流畅的左列 - 用完所有可用空间减去右列宽度
• 源代码排序 - 在 HTML 源代码中，左列内容位于右列内容之前
• 允许最小宽度 - 在我的示例中为 760px
• 允许最大宽度 - 在我的示例中为 1024px

如果窗口大于最大宽度，则内容将在页面的最大值处居中。如果窗口小于最大宽度，则内容会填充 100% 的页面，除非它小于最小宽度会出现水平滚动条。

我愿意使用一些小的 javascript 来处理不支持这些属性的浏览器的最小/最大宽度（我在看你 IE6），但我也愿意让这部分布局降级.

桌子很简单。我已经浏览了数百个示例布局，没有什么可以完成我所要求的所有事情，尽管有几个接近。问题似乎在于以相同的样式获得流畅的左列和源排序。我发现了几个具有正确源顺序的固定左/流体右（与我想要的相反）的示例，或没有源顺序的流体左/固定右的示例，但不是两者兼而有之。

我不在乎它是否使用浮动或负边距，但我想避免绝对定位。

我为自己创建了一个类似快速拨号的主页，其中包含我访问最多的链接。现在，我让它变得有弹性，所以当浏览器窗口水平变窄时，框也会变窄。

我想要的是，当浏览器窗口垂直变窄时，框会再次变窄。

我尝试了几个百分比高度规则，但没有成功，需要帮助。

这是我正在处理其单文件页面的页面，因此 CSS 没有分开。 http://www.purplerspace.com/dl/

http://www.thebraproject.com/collection

如果您向后滑动晾衣绳，则每隔三个项目就会在没有完成弹性动画的情况下停止。谁能明白为什么会发生这种情况？

我正在使用 jQuery 的 AnySlider 来使其工作。