liquid-layout相关内容

浏览器不能缩放到 400 像素以下?

我正在制作一个流动的样式表,效果很好.我注意到的一件事是,我在 Chrome 中的浏览器窗口不会调整到 400 像素以下,它只会卡在那里,而在 FF 中,当我缩小它时,它只会停在 400 像素左右,然后弹出一个水平滚动条. 当我在手机上打开网站时,它在 320 像素左右看起来很完美,所以我知道它的比例确实低于 400 像素. 我很好奇是否有人知道这是浏览器/桌面的问题,或者我是否应该查 ..
发布时间:2021-12-24 23:25:13 前端开发

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

我正在尝试将30天添加到预订日期中,如果今天的日期较晚,请显示一个文本字符串,如果不显示其他文本字符串.有什么想法我要去哪里吗? {%Assign Assign pre_date = 259200 |加:order.created_at |日期' %}{%Assign Today_date ='now'|日期' %}{%,如果pre_date>今天_日期%}显示这个{% 别的 %}这{% 万一 ..
发布时间:2021-05-30 18:42:42 其他开发

告诉我如何在不使用JavaScript的情况下进行半液体布局,我觉得我缺少一些简单的东西

好的,首先我要支持IE7,因此无法进行大小调整. 我在窗口的顶部和底部分别放置了一个固定大小的页眉和页脚(每个80px). 我希望div占用他之间的所有空间,而不管窗口大小如何.使用JavaScript轻而易举,但是有没有办法仅使用CSS? 解决方案 http://jsfiddle.net/ZLrPF/基于我的James Dean粘性页脚 http://mystrd.at/mo ..
发布时间:2020-06-29 20:13:40 前端开发

如何将该网站转换为移动网站或使其具有流动性?

我想知道是否有一种方法可以将静态页面转换为手机页面.我的意思是通过移动页面将桌面内容拖动到较小的窗口尺寸(例如,智能手机尺寸:320像素).使内容遵循窗口的大小吗?我该如何更改CSS?我该如何进行数学运算?谢谢...我想必须有框架或工具才能做到这一点? 欢迎一些指导和思想. 检查我的这个静态示例 感谢您的宝贵时间! 是/ 解决方案 @Yoni;您可以使用媒体查询在该媒体查 ..
发布时间:2020-05-10 00:30:58 前端开发

如何使用Shopify和Liquid在我的主页上显示所有产品?

我可以在index.liquid页面(主页)上使用一个简单的Liquid标记片段来显示我拥有的所有产品,并使每个图像都链接到相应产品的信息页面吗? > 解决方案 大多数主题在其主页上显示一个集合.使用该功能,不要添加代码. 要使您的主页集合包含商店中的所有产品,请使其成为具有条件(例如产品价格> 0)的智能集合. 如果您的商店中有50多种产品,则可以通过在模板/index.liqu ..
发布时间:2020-05-02 04:07:30 其他开发

液体模板过滤器中的日期数学/操作

我正在Desk.com中构建一个“集成URL",它使用Shopify液体模板过滤器语法.该网址需要包含一个“开始日期"和一个“结束日期"才能用于查询,该查询的开始日期为7天前,而结束日期为现在. 要实现这一点,我认为我需要从“现在"对象中减去7天(在Epoch时间中为604800),然后应用我的格式设置,但我无法为此找到有效的语法. 当前,此语法有效且有效: {{'now' | ..
发布时间:2020-05-02 04:03:51 其他开发

WPF中的液体布局?

在WPF中进行液体布局是否可行?进行Liquid布局时需要解决的任何疑问/问题吗? Liquid布局可以调整文字字体大小,也可以调整大小时的图像宽度吗? 解决方案 是的,大多数容器(在WPF中称为面板)都支持液体布局,但值得注意的是Canvas使用绝对坐标.我认为您不应该担心任何事情. ..
发布时间:2020-04-30 07:44:53 C#/.NET

你如何使网页自动改变宽度?

在HTML中,有没有办法让网页展开到用户的显示器上?就像说我有一个15英寸,但其他人有一个24英寸。该网页在屏幕上会很小,但会适合最少。如何将页面展开为100%或95%?解决方案 使用百分比单位来实现流体宽度或em单位。这完全是关于基于网格和容器制作网站布局。 阅读更多。 ..
发布时间:2018-06-19 14:43:18 前端开发

允许客户编辑Handlebar.js模板的安全性如何

我构建的Rails应用程序需要允许用户编辑页面模板。 主要关心的是允许客户编辑的安全程度模板。因此,erb模板不在等式中。 我曾看过液体标记和Handlebars.js。这里有一个很好的Rails整合手柄 https://github.com/jamesarosen/handlebars-rails。 我宁愿使用把手。有人可以确认让客户编辑车把模板是否安全吗? 解决方案 ..
发布时间:2018-06-01 13:37:14 其他开发

如何将图像映像合并到流体布局中?

我目前正困扰着我正在建立一个能够跨越可变分辨率工作的网站。主要导航是通过需要填充大部分视口的图像映射。我知道这完全是过时的,但是图像映射似乎是允许多边形区域划分的唯一非Flash解决方案 - 我会爱一个替代方案! 我最终设法让网站调整大小,以允许主图像在较小的显示器上显示,使用条件jQuery& CSS,但是在slickbox中也会调整文本的大小,这看起来很糟糕! 该网站(非常未完成) ..
发布时间:2017-05-21 20:03:02 其他开发

CSS容器div不获得高度

我想让我的容器div得到它的孩子的高度的最大值的高度。不知道孩子 div 的高度。我正在尝试 JSFiddle 。容器 div 为红色。这不显示。为什么? 解决方案 添加以下属性: .c { ... overflow:hidden; } 这将强制容器尊重其中所有元素的高度,的浮动元素。 http://jsfiddle.net/gtdfY/3/ ..
发布时间:2017-02-21 13:44:42 前端开发

HTML / CSS如何用另一个(液体布局)包装图像?

对于投资组合,我需要用计算机图像包装所有图像以进行演示。我将使用类似这个例子来包装图片: 图片必须包含流体尺寸(以百分比表示的高度和宽度),因此包装也是如此。 任何人都知道如何实现这一点? 有没有办法以跨浏览器的方式? 解决方案 将图片添加为可的 background-image > 并附加另一个div与另一个backgrund图像。 like: $ ..
发布时间:2017-02-17 20:51:30 前端开发

向块元素添加overflow-y会导致宽度减小。

这是我有,我已离开div,和一个右div。左div是固定宽度,向左浮动。右边的Div是一个“display:block”使它的全宽,并在左边有一个边距以补偿左div。这两个框都有固定的高度,需要可滚动(内部的内容)。我成功地向Left div添加了一个overflow-y。 添加溢出之前: http://jsbin.com/asecuy/ 添加溢出: http://jsbin.co ..
发布时间:2017-02-13 13:38:31 前端开发