问题标签 [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.
position - 响应位置：按钮的绝对位置
我有一个图像，右侧有一个绝对位置的按钮。调整窗口大小时，该按钮应保持原位。
我可以在每次小屏幕更改后使用愚蠢的媒体查询来做到这一点，但这似乎不对。
最好的解决方案是什么？我还在这里创建了一个 jsFiddle：http: //jsfiddle.net/5t1zu6px/2/
谢谢
angularjs - 将 Responsive-nav.js 与 Angular 一起使用
利用responsive-nav.js我正在尝试创建响应式导航。我过去在非角度项目中使用了 responsive-nav.js，没有任何问题。我很难弄清楚如何包含所需的代码。例如，我尝试按照文档中的说明将这行代码放在我的 index.html 文件中的结束 body 标记之前。
控制台上方的脚本给了我一个错误“responsiveNa 未定义”。
我为 responsive-nav.js 创建了一个指令，但这并没有解决问题。
c# - 是否可以计算 GUI 刷新次数？测量 GUI 响应能力
我正在开发一个 WPF 应用程序，目前正在写一篇关于它的文章。我处于实验阶段。我需要编写 GUI 的响应性。但是，统计上是否可以计算 GUI 在特定时间内刷新了多少次？当没有延迟完全响应时，我以 0.5 秒的间隔更新，但是存在延迟并且延迟更新。这就像冻结了一半。
我能以某种方式测量这个吗？
c# .net 4.5.2 WPF 应用程序
c# - 是否有可能在 WPF 应用程序中获得 GUI 刷新时间
我真的需要计算我的 UI 的响应能力。有些人建议使用 WpfPerf.exe（WPF 的性能分析工具）。它工作得很好，但是它没有日志记录，所以它只显示最后 1 分钟的 FPS 作为图像。
但是我需要统计信息。gui 运行缓慢，所以我需要记录确切的 gui 何时刷新。如果没有延迟，则应每 0.5 秒刷新一次。
所以我想知道无论何时刷新gui，我都可以记录时间吗？
.net 4.5.2 c# wpf
css - 相对 div 没有包装其绝对内容...有人知道解决方案吗？
我正在尝试将响应式绝对定位图像放置在相对 div 内。我已经在两次潜水周围放置了边界以可视化问题。右边那个不包。另外，我想将图像导航保留在图像中间。
主要目标是保持包装 div 响应和包装图像的大小 - 当图像大小在窗口调整大小时发生变化时。
在这里您可以在 codepen 中看到问题 - http://codepen.io/GlupiJas/pen/PwrLbb
广告.css
索引.html
image - Image link is not clickable in responsive view
I am using bootstrap in my markup . My mark is simple , it looks like this
It works fine in desktop , when I click to the image it takes me to google.com . But it doesn't work on responsive view . In responsive view if I click on the image it does nothing .
I have also tried like this
Also I have checked the following stackoverflow question , it doesn't solve my problem
css - CSS - 集中 UL 以进行响应式设计
我正在做一些响应式设计，并希望在浏览器小于 479px 时集中化 UL。这是我认为可行的方法，但事实并非如此......
这是标准桌面视图的 CSS：
这是HTML：
如果有人能发现我在这里做错了什么，我将不胜感激。
谢谢，
保罗
css - 具有重复列组的响应表
我有一个简单的 3 列表（下面的第二个代码示例）。大多数时候它会显示在宽屏高清电视上，所以我希望结构类似于下面的第一个代码示例，但取决于屏幕的宽度，如果它是在较小的屏幕上观看而不是4 个重复的列组，将其更改为 3，然后是 2，然后是 1 用于电话。如何使用 CSS/媒体查询来做到这一点？
html - 引导移动不工作
我曾多次使用 Bootstrap，并且仅在缺少元视口标记时才看到此问题。但是，它已加载，我仍然遇到移动设备上的 Bootstrap 问题。可能有人知道还有什么可能导致这种情况吗？
问题：
- 按钮路线显示
- 样式显示不正确
- CSS 显示在视图中
- 手机导航不见了
- 格式/对齐已关闭
头：
结尾处的脚本<body>：
视口数据也添加到 CSS 中：
手机问题示例：
这是在桌面上的样子：
css - 在 WordPress 中制作可堆叠的两列
我正在使用一个应该是响应式的主题，但是当使用两列简码并在较小的浏览器或手机上查看页面时，这些列会缩小以并排适应浏览器的宽度，而不是堆叠。
在智能手机上看起来很糟糕，我正在尝试使列堆叠。
您可以在以下位置查看页面：http: //goo.gl/t8QOA5
相关的CSS：