标签: liquid-layout

最佳液体布局CSS框架?

是否存在与blueprint/yui/960相同的活动/实体跨浏览器css框架,该框架支持基于百分比的液体布局?

我见过Emtastic,但它看起来好像已经活了大约一年了.您如何看待Matthew James Taylor的Liquid Layouts

css-frameworks liquid-layout

9
推荐指数
1
解决办法
1万
查看次数

Div列布局有3列:固定 - 液体 - 固定

我正在尝试构建一个3列布局,左侧有一个固定列,中间有一个流体列,右侧有另一个固定列.

谁见过这个?

这里有类似的问题,但不是我想要的解决方案. CSS布局2柱固定流体

html css liquid-layout

8
推荐指数
1
解决办法
7221
查看次数

如何在其包含div更改大小时调整Flot图的大小

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

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

javascript jquery resize flot liquid-layout

6
推荐指数
2
解决办法
2万
查看次数

CSS:居中,流畅左,固定右,源有序布局,最小/最大宽度

标题说明了.我想要一个2列CSS布局:

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

如果窗口大于最大宽度,则内容将以页面的最大值为中心.如果窗口小于最大宽度,则内容将填充页面的100%,除非它小于最小宽度,这将使水平滚动条出现.

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

用桌子来简单下降.我已经看了几百个示例布局,没有什么可以做我要问的所有事情,尽管有几个接近.问题似乎是以相同的方式获得流畅的左列和源排序.我已经找到了几个固定的左/右流体(与我想要的相反)的例子,其具有适当的源顺序,或流体左/右固定而没有源顺序,但不是两者.

我不在乎它是否使用浮点数或负边距,但我想避免绝对定位.

+---------------------------------------+
|                                       |
|  +---------------------------+-----+  |
|  |fluid                      |fixed|  |
|  |                           |     |  |
|  |                           |     |  |
|  +---------------------------+-----+  |
|                                       |
+---------------------------------------+
Run Code Online (Sandbox Code Playgroud)

css elasticlayout liquid-layout fluid-layout

5
推荐指数
1
解决办法
3258
查看次数

WPF中的液体布局?

WPF中的Liquid布局是否可行?我们制作Liquid布局时需要解决的任何疑虑/问题?

液体布局是否调整文本字体大小,并在小而大时调整图像宽度?

c# wpf layout liquid-layout

5
推荐指数
1
解决办法
1615
查看次数

你什么时候选择固定的液体CSS布局?为什么?

我想知道你在编写css时有什么意见,何时/为什么编码固定或液体样式表?

我同意固定尺寸样式表更容易/更快地编码,因为液体需要更多时间才能使所有元素很好地适应他们的父母.

那么,你什么时候选择固定液体(反之亦然)?为什么?

css fixed liquid-layout

4
推荐指数
1
解决办法
1747
查看次数

如果我在 Shopify Liquid 中的属性名称包含空格怎么办?(Customer.io 电子邮件系统)

我尝试在 Customer.io 中添加一些逻辑,它使用 Shopify 的 Liquid 标记语言:

{% if customer.Campaigns Participated > 0 %} I also saw that you participated in a campaign, which is awesome!

If you have a second, I'd love it if you could tell me what it was that made you sign up?

{% else %}

I see you haven't had a chance to participate in your first campaign - can I ask what happened?

{% endif %}
Run Code Online (Sandbox Code Playgroud)

问题是,由于空间原因,它无法识别“参与的活动”属性......

有什么办法可以让我逃离这个空间之类的吗?

谢谢

liquid-layout liquid shopify

4
推荐指数
1
解决办法
1693
查看次数

shopify我需要检查当前页面是否是收集页面而不是单个产品页面

我正在尝试检查我当前页面是否是某个集合中的集合页面而不是单个产品页面.

我的意思是,例如,如果有人去鞋子的收集页面然后我可以检查使用collection.handle =='鞋子',但如果我从该页面选择一个产品,那么它仍然会给我真实但我希望我的条件成真如果是收藏页面.谢谢你的帮助!

liquid-layout liquid shopify dotliquid

4
推荐指数
3
解决办法
4487
查看次数

日期比较逻辑/液体模板过滤器中

我正在尝试创建一个“预购”类机制,其中Shopify液体模板的某些元素仅在当前日期大于或小于元字段中指定的日期时显示。

截至目前,这是我所包含的逻辑:

<!-- Check Today is correct -->
<p>Today: {{'now' | date: '%d-%m-%Y' }}</p>

<!-- This is the Metafield Output as a String -->
<p>Release Date: {{ product.metafields.Release-Date.preOrder }}</p>

<!-- Assign Variable "today_date" to the current date -->
{% assign today_date = 'now' | date: '%d-%m-%Y' %}
<!-- Assign Variable "pre_date" to the string of the metafield -->
{% assign pre_date = product.metafields.Release-Date.preOrder %}
{% if today_date > pre_date %}
  Today's date is greater than PreOrder Date
{% else %} …
Run Code Online (Sandbox Code Playgroud)

date liquid-layout liquid shopify

4
推荐指数
1
解决办法
3131
查看次数

Shopify:如何确保我的应用程序代理内容适用于所有模板?

我正在为Shopify构建一个应用程序代理.

文档(http://api.shopify.com/app_proxy.html)说......

如果来自代理URL的HTTP响应在其标题中设置了Content-Type:application/liquid,Shopify将使用商店的主题评估并在商店的上下文中呈现请求正文中的任何Liquid代码.这太棒了.当以正确的方式使用时,它可以自动使您的应用程序看起来像是作为商店的一部分而无需任何人工干预.Shopify商家喜欢那种东西.

这是我迄今为止的最佳尝试,它看起来没有默认模板(http://plnkr.co/edit/iXbWWiMlEsi6NsA6uPtG?p=preview.)但我不认为它适用于所有模板.

如何确保我的内容适用于所有模板?我需要在内容中添加某些课程吗?我应遵循的约定?一个例子很棒.

迈克尔

liquid-layout liquid shopify

3
推荐指数
1
解决办法
1867
查看次数