问题标签 [fluid]

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 投票
1 回答
881 浏览

jquery - 检测 CSS 下拉菜单是否靠近浏览器边缘并更改对齐方式 - 流体宽度

我目前有一个可以正常工作的纯 CSS 下拉/大型菜单。布局是流动的(基于百分比),我也在使用媒体查询。

我遇到的问题是我需要检测菜单项li是否靠近浏览器边缘并align使用 CSS 更改属性。

我猜我需要使用 jQuery 来实现这一点,但真的不知道如何。

0 投票
1 回答
3403 浏览

facebook - 带有评论社交插件的 iframe 自动调整高度从今天开始被切断

截至今天,我的社交评论插件被切断了。

在我的标签页设置中,我选择了流体作为高度。

我的主 div 高度为:100%

然后我有一个脚本,用于自动调整页面大小并在您单击显示更多时显示所有评论。这昨天工作得很好。

这是我的标签页的链接:http: //hostfb.com/files/2598/af1d87a797314ed16ec3db8b3f094c45f30f8cf3/ https://www.facebook.com/dewafelbakkers?sk=app_246342282051389

我需要扩展我的页面以显示十条评论,然后扩展更多以显示更多评论(如果单击)。

0 投票
2 回答
458 浏览

css - 随着页面变窄,这种流动的列布局如何变为单列?

有人能解释一下http://cssgrid.net/是如何实现当浏览器宽度低于一定量时,布局从3列切换到单列的效果吗?

我试过关闭 javascript,并检查 CSS,.row.container我对 CSS 的了解不足。有一个min-width属性,但通过 Firebug 更改它似乎影响不大。

有人能指出 CSS 中的什么导致了这种变化吗?

0 投票
2 回答
894 浏览

fluid - 标签应用程序流体宽度不起作用

我有一个标签应用程序在高度和宽度上都设置为流体。高度没问题......宽度不起作用,所以我的页面的很大一部分(只有 648 像素宽)没有显示出来。我们故意将宽度设置为小于最大值,这样我们就不会遇到这个问题。要查看您可以转到箭头紧固件页面...比赛或像我们一样进入标签。

0 投票
2 回答
2071 浏览

c++ - 使用平滑粒子流体动力学进行流体模拟

实际上,我正在使用 C++ 和 openGL 开发 SPH 模拟器。我现在遇到了几个问题,

我在盒子的一侧制作初始流体粒子(我将盒子作为边界体积),将它们塑造成盒子,并将它们的初始速度设为零。然后我启动主循环,viola,流体开始移动,这里出现了一个奇怪的现象。流体开始向各个方向扩散。

请看图片:

在此处输入图像描述 http://i278.photobucket.com/albums/kk86/anggytrisnawan/Screenshot-UntitledWindow-2.png

从模拟开始几秒钟后拍摄的那张照片。这对我来说似乎很奇怪。这是我用于模拟的参数:

注意:目前我还没有计算表面张力。

已解决:我的错在这里..它们一开始就相互重叠..所以压力使它们扩散..

0 投票
2 回答
27393 浏览

typo3 - TYPO3:将多个参数传递给流体模板中的部分

我有一个流畅的模板,我称之为一个经常使用的片段(称为“部分”):

模板:

部分 fbLikeBox.html:

如您所见,我需要将 {settings} 和 {audioguide} 数组中的两个值都传递给部分。我怎样才能做到这一点?

0 投票
0 回答
150 浏览

html - 流体布局和多列布局?

假设我有 40 个 div 想要分成几列。而且我希望每列中的 div 数量根据视口高度进行缩放。

因此,例如,如果视口高度为 1000 像素,则每列可能有 10 个 div。如果将其大小调整为 500px 高,则每列将有 5 个 div。

这可以完全用 CSS(和@media 查询)来完成吗?

0 投票
0 回答
351 浏览

html - 如何计算 HTML 页面中 div 的宽度

我正在尝试针对各种分辨率优化我的网站,并且我希望网页上显示的所有图像都相应地调整大小。

因此,我正在尝试计算图像父级的宽度,以使父级元素宽度与原始网页版本和更改后的分辨率网页中的图像宽度<div>之间的比率保持不变。<div>

我正在使用 Python 来抓取和处理网页。使用BeautifulSoup4,我能够到达<div>图像的父级,但我不能纯粹从 HTML 内容计算它。为此,我必须通过 CSS。所以为了解决这个问题,我找到了以下选项:

  1. 我们可以使用 JavaScript 来做到这一点。但是,JavaScript 在客户端工作。

  2. 我发现PyWebKitGTK是一个潜在的解决方案,但我找不到任何对我的问题有用的东西。

有没有办法pywebkitgtk解决这个问题,或者是否有替代解决方案?

0 投票
1 回答
1738 浏览

css - 流体 css 但不小于固定宽度

好的,我正在研究需要在我的网站上实现的地图方面的流体 css。我发现这个演示看起来像我想要的:

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

有没有办法让左列和右列变得流畅,以便它们可以用更大的浏览器窗口展开。但不能限制在一定宽度以下,比如每个 175px?

因此,如果某些用户有更多的浏览器空间,我希望能够使用它,从而允许所有三列都是流畅的。但是无论浏览器窗口多么小(不包括移动浏览器,不是移动应用程序),左右列都不能低于一定宽度。

0 投票
1 回答
9381 浏览

physics - 实时流体模拟技术

什么技术用于实时模拟水等流体,例如在电子游戏中?

特别是,我正在为 Uni 的一个(不幸的是相当短的)物理项目寻找一个项目想法,所以越简单越好(如果流体模拟中有任何“简单”之类的东西......)