问题标签 [responsive]

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 投票
2 回答
424 浏览

html - 列中的引导列

这是视觉演示:图片

我正在尝试将我的笔记本电脑列(col-md-8)第二列,但是当我尝试时,另一个在笔记本电脑的列下,我该如何放置第二个(col-md-6)列在笔记本电脑柱内,该柱笔记本电脑仍然具有其全尺寸。

0 投票
0 回答
34 浏览

jquery - 仅在屏幕大小以下初始化 jQuery,在上面销毁或终止

我正在尝试仅在 960 像素以下的屏幕上运行脚本“flexnav”。

如果您在 >= 960 的屏幕上加载它会正常工作,然后在调整到 960 以下时正确初始化。但是,一旦屏幕重新调整到超过 960 的大小,脚本仍然会被初始化,从而破坏布局。

调整大小超过 960 后,如何破坏/终止 flexnav 的工作?

0 投票
0 回答
114 浏览

javascript - 响应式引导轮播项目

我正在使用 Bootstrap 轮播,我想让我的轮播响应,以便它根据屏幕宽度在屏幕上显示不同数量的项目。

例如,假设我有六件事要在轮播中显示。

如果此人正在手机上查看,我想一次显示 1 个项目,并在轮播下方使用 6 个指示按钮在其余项目之间切换。

但是,如果此人在桌面上查看,我想一次显示 4 个内容,轮播下方有 2 个指示按钮(第一个有 4 个项目,第二个有 2 个项目)。

我创建了一个示例来演示各种场景以及轮播的外观和行为。该演示使用 3 个不同的轮播来实现这一点,显然我正在寻找 1 个响应版本。

这是 jsfiddle 示例(您可能需要调整面板大小): jsfiddle

响应式图像示例

0 投票
2 回答
58 浏览

html - 基于百分比的三角形,保持相邻 div 的高度

我正在尝试将响应式三角形作为标题的一部分,以便在与相邻 div 调整大小时保持比例。代码笔链接与我的结构在这里。我无法制作一个位于正确空间的三角形(尝试旋转并隐藏过度),并且在它旁边调整大小的 div。

要直接在 Codepen 中查看,请单击此处

图片

0 投票
1 回答
50 浏览

html - 图像不会在 flexbox 中调整大小

我有这个

当我调整浏览器的大小时,.content 的 imgs 不会调整大小,我需要进行水平滚动。如何调整图像大小?并且子容器不会比父容器大。谢谢。

编辑:现在我将 .content 更改为列,并将 mas 高度更改为 800px。我希望 .content 的文章下降,当它们达到 800px 时,再创建一个列。问题仍然存在, .content 的文章改为超出父框或调整大小...

0 投票
4 回答
474 浏览

javascript - 如何在html中制作响应式左侧栏

我正在使用 2 行(页眉和页脚)1 列(左侧)和 1 个主要内容 div 布局。

这是坚硬的布局。

现在,当我使用 Ajax 获取数据时,由于数据和左栏的主要内容 div 拉伸也需要拉伸并连接到页脚,但事实并非如此。

在排序中,我想要左侧栏的响应高度。

图片如下

没有数据

有数据

提前致谢。

0 投票
1 回答
55 浏览

php - 如果屏幕更小,则 php 截断

我的网站中有一个面包屑,但我想在屏幕小于 480 像素时截断它。我正在使用 mb_strimwidth() 函数,但是如何使用 php 检测屏幕是否小于 480px?

0 投票
1 回答
302 浏览

css - 使用 jQuery 附加时保持具有流体设计的 div 的相同宽度/高度比

感谢您抽出宝贵的时间。

我想实现:

  1. 用应该是正方形的 div 填充整个窗口。
  2. 每行必须有 20 个方格。
  3. 我想在页面加载时使用 jQuery 附加它们。
  4. 我希望他们能够响应,现在我没有考虑到移动设备,屏幕从横向变为纵向。Onyl 不同宽度的桌面设备。

它们中的每一个都有不同的颜色,所以我的 javascript 是一个循环,它将每个不同的 div .append() 到一个 HTML 容器。

这是追加内的代码:

我希望自动高度能保持平方比,但事实并非如此。一旦添加了 div,我可以使用 jQuery 来获取 div 像素的大小,然后使用它来设置高度,但这种方法让我对响应能力产生怀疑,因为每次调整窗口大小时我都必须这样做。

关于如何做到这一点的任何想法或想法?

谢谢!

0 投票
3 回答
351 浏览

html - 响应式设计断点

我试图摆脱引导程序,并实际控制我自己的断点。在我继续学习之前,我想知道我是否走在正确的轨道上。那么这样做是否正确:

HTML:

CSS:

0 投票
1 回答
44 浏览

html - 创建响应行

我真的很困惑,我可以尖叫。我试图摆脱我的引导快乐,并学会使用我自己的断点。我正在看这个页面:

http://zurb.com/studio

我非常喜欢。我正在尝试理解代码。在每一行下,fx 调用类 large-12 列。那些定义在哪里?我只想学习如何制作像那个网站一样的网格。也许有人知道某处的教程?