liquid-layout

2热度

1回答

我正在尝试创建2列液体布局，其左侧的菜单和右侧的网站内容。该菜单打算进入右栏（div.liquid-right），然后站点内容将进入左栏（div.liquid-left）。我需要内容容器与主体（即div.liquid-right）的大小相同，而不是其父容器（div.liquid-left）的父容器。布局可以用下图来表示： _______________ | ____ R | | |L

0热度

4回答

与流体布局与CSS

我有一个页面，有10个div作为大按钮显示在5行2行，但我希望它，如果页面调整大小，或者它在屏幕较小的设备上打开按钮的布局自动变化，但我不知道如何去做这件事。我应该从哪里开始寻找或有人知道任何可以帮助我实现这一目标的好教程？谢谢

3热度

1回答

对Shopify用户登记表的自定义字段

我无法找到如何添加自定义字段用户注册论坛的任何文件，所以我尝试的东西，但没有奏效： <div class="single-full-width customer"> <div class="login"> {% form 'create_customer' %} {% if form.errors %} {% for field in form.

0热度

1回答

液体布局中的最小边距

当达到最小边距时，如何防止内容跳到边栏下方？ http://jsfiddle.net/7SAHm/4/ <div id="wrapper"> <div id="sidebar"></div> <div id="content"></div> </div> #wrapper { width: 100%; overflow:hidden; } #sid

0热度

1回答

创建流体格式时遇到问题。

我很挣扎，想弄清楚为什么我的内容溢出，我的div不能很好地播放。（全部坐在他们应该在的地方）。这是我目前所拥有的链接。我会继续尝试。但任何帮助将不胜感激。 http://jsfiddle.net/X53vD/ 与感谢，萨姆。 #wrapper { width: 100%; height:auto; background-image: url(images/sha

0热度

2回答

如何将垂直堆叠的div用作每个填充浏览器窗口的页面？

我在几个网站上看到了一些效果，它们给了你基本上垂直的“页面”，每个页面都填充浏览器窗口。例子： http://www.bleed.no/ http://www.weworkonsunday.com/ 首先是一个很好的协议更清洁和更复杂。我一直在想如何达到这个效果。如果高度不是问题，那么使用页面锚定器就足够简单了，但是填充窗口的垂直方向（以及宽度）是什么让我失望。有没有一个简单的方法，我失踪了？

0热度

2回答

如何使用网站内mustache.js与哲基尔和液态布局产生一起

我建立在杰基尔为JavaScript项目的快速原型网站我的工作：Choropleth 现在我已经决定在该项目中引入mustache.js，很明显，我遇到了与胡子语法冲突的液体布局{{}}语法问题。有谁知道一种方法，我可以简单地使用小胡子的Set Delimiter功能来改变小胡子在我的项目中的工作方式？我如何将写入语法放入由Jekyll/Liquid生成的JS中？

2热度

1回答

如何使用具有响应式布局的粘滞页脚代码？

我一直在尝试各种页面上的粘滞代码和最近的代码，让我的网页看起来一半体面，将是cssstickyfooter之一。几个月前我开始了一个项目，我打算为邻居的女儿生产。我需要在我的大学课程中为一个模块创建一个网站，这个想法是由一个新业务的所有者的父亲带给我的。所以我制作了这个网站，并提交给我的讲师（很多视觉缺陷，也许很多无用的代码）：Irish Baubles website 我目前与它有关的主要问题

4热度

1回答

响应式表格隐藏无值的列

在我的其中一个页面上，我有一个响应式表格，可在浏览器变小时更改布局。当我的表中的列有值时，一切正常，如in this fiddle所示。但是，如果列没有值，则某些列不会显示在表格布局的小版本中，如in this fiddle所示。我错过了什么？我还从下面的非工作版本复制所需的代码： @media only screen and (max-width: 760px), (min-device

1热度

4回答

有什么办法可以在JavaScript/Jquery中获得全窗口的实际大小？

我想为我的网站做一个流体布局，但问题是，如果一个窗口重新调整大小，在页面加载之前变小，然后他们最大化他们的窗口，页面是一个小尺寸，我的问题在这里是我怎么会得到一个窗口的宽度和高度，即使页面很小，它的全尺寸。 $(document).ready(function() { var Height = $(document).height(); var Width = $(document)