问题标签 [responsiveness]

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 投票
0 回答
30 浏览

css - 响应式 CSS iPhone 等

嗨,由于某种原因,我的响应式 CSS 无法正常工作,我不确定要更改什么或做什么,但是每当我在 iPhone 上加载我的网站并一直放大时,该网站只使用了大约 3/4该页面,我不知道为什么,这是我的 CSS 中的代码。

我的最大宽度为 767,因为这是 iPhone 的宽度来测试它,但无论我似乎改变什么,都没有任何反应。

0 投票
1 回答
337 浏览

css - 第二十十五期的响应式背景图片

我正在尝试使我的背景图像在二十十五个主题中响应,特别是对于移动设备,即 360 像素 x 640 像素。我已经尝试了大量的 CSS,但没有骰子。div 是 body.custom-background 我相信。

这是测试站点:test.justinhawleydesign.com

谢谢

贾斯汀

0 投票
0 回答
50 浏览

javascript - Unslider 对媒体查询没有响应

在我的博客上,我使用 JavaScript 插件 Unslider 来呈现一些图像。我添加了将改变幻灯片高度的媒体查询。起初,幻灯片的宽度是视口宽度的 75%。

然后当浏览器超过 720 像素时,或者在横向模式下,我将高度更改为视口高度的 90%

但是您会在我的网站上看到,您要么必须刷新页面,要么更改幻灯片才能正确应用更改。

你可以在这里看到我在说什么:http: //78.23.161.50/posts/1

附言。unslider 选项fluid设置为true

难道我做错了什么?还是 Unslider 插件没有我想要的那么流畅?我还用网站的结构制作了一个代码笔,但是在笔中尝试媒体查询和横向模式并不容易。无论如何,这里是:http ://codepen.io/anon/pen/epmPmd

0 投票
1 回答
81 浏览

scala - 如何以及在何处处理 AkkaPersistence 持久事件以使信息对响应式 UI 有价值和有意义?

我非常熟悉PersistentActorPersistentView在实现Akka Persistence时是如何工作的。

据我所知,考虑下面的例子。

Scala 案例类Contact

日志中的 PersistentActor 持久事件是:

每次从响应式 UI 发送命令时,如果验证成功 202 CommandAccepted 或任何 CommandValidationError 被触发,则此类新事件将持续存在。

但是在响应式环境没有明显延迟的情况下,UI 必须能够查询REST API 后端并在后端WebSocket 推送通知 UI UUID "123af-232ff-232d" 可供读取后显示最新的Contact 对象:

据我了解,此结果应在将所有事件与可用的最新数据合并后发生。

所以,我真正关心的是:在这个后端应用程序中,我如何以及在哪里处理这些事件,一旦它们生成,合并这些数据,并存储合并的数据以供查询端读取。

如果有人可以阐明实施或纠正我的想法,请提前非常感谢。

0 投票
1 回答
98 浏览

java - Java鼠标侦听器缺乏响应能力

我使用 JPanels 和鼠标侦听器制作了一个小颜色选择器,但由于某种原因,结果没有预期的那么灵敏,我不知道为什么。

自定义颜色选择器

为了做到这一点,我创建了一个修改过的 JPanel,我称之为 ColorPanel,为它添加一些属性,如颜色和颜色名称、内置鼠标侦听器、实例化时定义的背景颜色等:

}

这与我制作的另一个对象相关联,该对象旨在实例化我需要的所有面板及其计数器,以及更改所选颜色面板边框颜色并将其颜色存储到全局变量中的方法。

虽然它有效,但我经常需要点击几次来选择一个颜色面板。该程序之前没有响应问题,并且该选择器是唯一以这种方式运行的东西。

这就是方法,所有面板在创建时都添加到一个向量中,所以我可以轻松地操作它们。

0 投票
0 回答
12 浏览

javascript - 响应式嵌套的 Chrome 问题

我有我的网站:http ://david.addagio.cz

我有它完全响应。

但我有一个问题,我真的不知道为什么。如果我的网站处于“电话模式”,则在Google Chrome 浏览器中没问题,但在许多其他浏览器中,它会在左侧出现“填充”之类的东西。我不知道为什么。所有 css 都很棒,但它保留了磨损的填充物,即使我padding:0;查看了我的网站并帮助我。

0 投票
1 回答
249 浏览

html - chrome 侧栏中的高度 100%

我的身高 100% 有问题。

问题是我有一个项目列表,这些项目应该分布在与侧面图像相同的高度。当我使用固定高度时,它可以正常工作,但是当我使用百分比时,它不起作用。

问题是该网站是响应式的,我无法设置固定高度,因为图像不会被固定。

代码如下

有谁知道发生了什么?谢谢你。

0 投票
2 回答
1236 浏览

html - 修复了右栏表缩放到响应式设计

我有一个带有右侧固定列的表格,左侧有 8 列带有 x 滚动。我使用了类似的代码

如何创建具有固定/冻结左列和可滚动正文的 HTML 表格?

这在大多数情况下都有效,但是这是在响应式站点上,因此当您缩小页面时,右侧的固定列被推到大约 400 像素,然后开始与左侧的列重叠。在 JSFiddle 示例中,它开始时已经与其他列重叠,因此如果您扩展结果区域的宽度,您会看到重叠问题。我对 应用了白色背景,但我希望右列只是强制另一列隐藏在滚动中,一直到最低浏览器宽度。有任何想法吗!

https://jsfiddle.net/TBankston/5L7jkbfq/

CSS

HTML

0 投票
1 回答
47 浏览

html - Chrome 完美加载网页,其他所有浏览器都失败。为什么?

我写了一个 HTML 页面,我需要在其中嵌入带有超链接的图像的某些部分。为此,我使用了 SVG 标签,这样我就不必使用图像映射标签,因为它们不能很好地随屏幕缩放。

这是页面在 chrome 中的样子在此处输入图像描述

基本上,图像标签中的图像不会加载,屏幕采用背景颜色。我知道 chrome 对规则更加宽容,但我认为我没有犯任何错误。这段代码在 Chrome 上运行得很好,但在任何其他浏览器中,图像都不会加载。像“壁纸”、“按钮”、“海报”这样的图像链接虽然在新选项卡中单独打开,但如果我点击它们应该在的纸张上的点,但否则它们不起作用。

0 投票
1 回答
53 浏览

html - 响应式网站的输出差异

我正在开发一个响应式网站 powerplumb.com.au。对于所有电话分辨率,我正在使用工具 responsivetest.net 测试响应能力。iPhone 5 的一切看起来都很好(屏幕分辨率为 320X568。

但是,当我在 iPhone 5 设备上的 Safari 中打开同一站点时,输出没有响应。

尝试了多种方法,但没有奏效。令我困惑的是,即使分辨率相同,为什么输出却不同?