问题标签 [liquid-layout]

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 投票
3 回答
183 浏览

html - CSS - 为什么似乎设置了高度,但实际上没有设置?

好的,这真的很烦人,我不明白为什么会发生这种情况。当我试图让 CSS Sticky 页脚工作时,我可能搞砸了一些东西。

我有一个,但它似乎在身体不是液体所以我想我会试试这个: http ://ryanfait.com/sticky-footer/

但结果是这样的: http ://www.serverbart.com/film/

蓝色框应该类似于画廊,所以不要在意颜色:p 我想你会明白我想要做什么,我愿意接受有关重新设计 div 结构的意见!我正在尝试真正擅长不同的布局,而这个布局一直困扰着我。

0 投票
4 回答
1735 浏览

html - 液体布局:如何

如果我用百分比标记所有 div,它们会很好地填满所有空间。我面临两个问题:

a) 图像尺寸:我如何定义图像尺寸,以便它们不会随着窗口大小的调整而变得比想要的更大或更小

b) 字体大小:如何根据分辨率增加或减少字体大小 - 是否应该这样做?(我面临的问题是文本在非常高分辨率下变得难以辨认)

请指点我一个关于如何制作液体布局的好参考。

0 投票
1 回答
2479 浏览

css - 一个液体 div 和一个固定大小的 div

我正在尝试构建一个具有固定宽度 div 和旁边的液体宽度 div 的布局:

左 div 没有填充它的宽度,当右 div 不存在时,我也希望这个 div 填充整个主 div,我该怎么做?

0 投票
5 回答
14905 浏览

css-frameworks - 最好的流动布局 CSS 框架?

是否有一个与 blueprint/yui/960 相当的活动/实体跨浏览器 css 框架,它支持基于百分比的液体布局?

我见过Emtastic,但看起来它已经有一年左右没有活跃了。您如何看待Matthew James Taylor 的 Liquid Layouts

0 投票
1 回答
837 浏览

ruby-on-rails - 是否可以在液体模板中进行 AJAX 调用?

我正在研究 Rails 应用程序的液体模板语言:

http://wiki.github.com/tobi/liquid/

我希望我的用户也能够进行 AJAX 调用(就像在 rails 中用于周期性调用远程、观察字段等的调用一样)。这可能吗?

假设可以将 rails 助手添加为过滤器,那么用户将如何修改 AJAX 调用返回的内容?他们不能修改服务器上的 rjs 文件或类似的东西。我想 AJAX 调用可以返回 JSON(而不是呈现的 html),然后 javascript 可以使用它来呈现一些东西。但是我很难想象它是如何工作的。

如果有人能指出我的一个例子或澄清它,将不胜感激。谢谢!

0 投票
1 回答
343 浏览

ruby-on-rails - Liquid - rails - render_component 问题

在我的下一个 Rails 项目中,我想使用液体页面(这样我的平面设计师就可以做他的事情而不必费心:D)我的问题是

我能用吗

render_component 和 render :partial 在我的液体布局中的命令。如果可能的话如何

提前致谢

干杯,萨梅拉

0 投票
1 回答
2956 浏览

html - 在 CSS 中使用百分比大小和填充时无法防止嵌套 Div 溢出?

我希望能够使用这些属性来布局嵌套的 div:

  • width: 100%
  • height: 100%
  • padding: 10px

我希望它是这样的,在计算填充之后,孩子们是剩余空间的 100% 宽度和高度,而不是之前。否则,当我有如下示例的文档时,孩子会出现滚动条。但滚动条不是主要问题,子容器超出父容器宽度的事实是。

我可以使用所有position: absolute声明,但这似乎不对。这是代码:

我该如何做到这一点,使用position:relativeorposition:static和百分比大小,百分比大小根据父母的宽度/高度减去填充和边距来确定孩子的大小?我必须诉诸position:absolute左/右/上/下吗?

谢谢你的帮助,兰斯

0 投票
1 回答
4095 浏览

drop-down-menu - Shopify:用下拉选择替换产品单选按钮

使用 Shopify,我正在尝试更改我的产品模板以显示下拉选择列表,而不是我的产品变体的单选按钮。我设法做到了这一点,但是当您尝试从列表中将产品添加到购物车时,它会显示“未传递变体 ID”。

这是他们的单选按钮的代码:

这是我的下拉选择的代码:

谢谢,

韦德

0 投票
5 回答
21571 浏览

javascript - 当包含的 div 更改大小时如何调整 Flot 图的大小

我正在使用 Flot 图形库 jQuery 插件,但我还没有找到一种很好的方法来处理包含<div>更改大小的图形(例如,由于窗口大小调整)。在处理 onresize 事件时,我确保包含的宽度和高度<div>更新为正确的大小,然后尝试调用 setupGrid 并在绘图对象上绘制,但没有任何效果。我在删除和读取包含<div>并重新绘制其中的图表的方法方面取得了一些成功。但是,如果我必须添加其他内容,这似乎很容易陷入无限调整大小事件循环中<div>同时向文档添加元素(例如图表的工具提示),因为我猜这些元素也会触发调整大小事件?有没有好方法来处理我失踪的问题?

(我还在为 IE 使用 ExplorerCanvas 以便能够使用 Flot,如果这可能与它有关。我还没有在任何其他浏览器中真正尝试过)

0 投票
1 回答
1919 浏览

html - 将 DIV 对齐到固定宽度左栏的右侧

使用流畅的布局,尝试使左栏和右 div 具有 200 像素的宽度应该扩展宽度。当一些宽的内容进入时(比如一个有几列的表格),如果浏览器不够宽,右边的 div 会被推到左边栏的下方。

我该如何排序?