问题标签 [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.
html - 列中的引导列
这是视觉演示:图片
我正在尝试将我的笔记本电脑列(col-md-8)第二列,但是当我尝试时,另一个在笔记本电脑的列下,我该如何放置第二个(col-md-6)列在笔记本电脑柱内,该柱笔记本电脑仍然具有其全尺寸。
jquery - 仅在屏幕大小以下初始化 jQuery,在上面销毁或终止
我正在尝试仅在 960 像素以下的屏幕上运行脚本“flexnav”。
如果您在 >= 960 的屏幕上加载它会正常工作,然后在调整到 960 以下时正确初始化。但是,一旦屏幕重新调整到超过 960 的大小,脚本仍然会被初始化,从而破坏布局。
调整大小超过 960 后,如何破坏/终止 flexnav 的工作?
javascript - 响应式引导轮播项目
我正在使用 Bootstrap 轮播,我想让我的轮播响应,以便它根据屏幕宽度在屏幕上显示不同数量的项目。
例如,假设我有六件事要在轮播中显示。
如果此人正在手机上查看,我想一次显示 1 个项目,并在轮播下方使用 6 个指示按钮在其余项目之间切换。
但是,如果此人在桌面上查看,我想一次显示 4 个内容,轮播下方有 2 个指示按钮(第一个有 4 个项目,第二个有 2 个项目)。
我创建了一个示例来演示各种场景以及轮播的外观和行为。该演示使用 3 个不同的轮播来实现这一点,显然我正在寻找 1 个响应版本。
这是 jsfiddle 示例(您可能需要调整面板大小): jsfiddle
html - 基于百分比的三角形,保持相邻 div 的高度
我正在尝试将响应式三角形作为标题的一部分,以便在与相邻 div 调整大小时保持比例。代码笔链接与我的结构在这里。我无法制作一个位于正确空间的三角形(尝试旋转并隐藏过度),并且在它旁边调整大小的 div。
要直接在 Codepen 中查看,请单击此处
html - 图像不会在 flexbox 中调整大小
我有这个
当我调整浏览器的大小时,.content 的 imgs 不会调整大小,我需要进行水平滚动。如何调整图像大小?并且子容器不会比父容器大。谢谢。
编辑:现在我将 .content 更改为列,并将 mas 高度更改为 800px。我希望 .content 的文章下降,当它们达到 800px 时,再创建一个列。问题仍然存在, .content 的文章改为超出父框或调整大小...
php - 如果屏幕更小,则 php 截断
我的网站中有一个面包屑,但我想在屏幕小于 480 像素时截断它。我正在使用 mb_strimwidth() 函数,但是如何使用 php 检测屏幕是否小于 480px?
css - 使用 jQuery 附加时保持具有流体设计的 div 的相同宽度/高度比
感谢您抽出宝贵的时间。
我想实现:
- 用应该是正方形的 div 填充整个窗口。
- 每行必须有 20 个方格。
- 我想在页面加载时使用 jQuery 附加它们。
- 我希望他们能够响应,现在我没有考虑到移动设备,屏幕从横向变为纵向。Onyl 不同宽度的桌面设备。
它们中的每一个都有不同的颜色,所以我的 javascript 是一个循环,它将每个不同的 div .append() 到一个 HTML 容器。
这是追加内的代码:
我希望自动高度能保持平方比,但事实并非如此。一旦添加了 div,我可以使用 jQuery 来获取 div 像素的大小,然后使用它来设置高度,但这种方法让我对响应能力产生怀疑,因为每次调整窗口大小时我都必须这样做。
关于如何做到这一点的任何想法或想法?
谢谢!
html - 响应式设计断点
我试图摆脱引导程序,并实际控制我自己的断点。在我继续学习之前,我想知道我是否走在正确的轨道上。那么这样做是否正确:
HTML:
CSS:
html - 创建响应行
我真的很困惑,我可以尖叫。我试图摆脱我的引导快乐,并学会使用我自己的断点。我正在看这个页面:
我非常喜欢。我正在尝试理解代码。在每一行下,fx 调用类 large-12 列。那些定义在哪里?我只想学习如何制作像那个网站一样的网格。也许有人知道某处的教程?