问题标签 [responsiveness]

我有一个奇怪的错误。对于客户，我添加了一些移动 CSS 以使网站响应：http ://www.sixsigma.nl 。在谷歌上查看网站时，它说主页不适合移动设备，而其他页面是：http ://www.sixsigma.nl/artikelen

我检查了所有的标记，但据我所知，一切都是正确的。实际上，我已经与另一个站点交叉引用了这个，在该站点中我也实现了响应式 CSS，一切都是一样的。我试图删除被阻止抓取的跟踪脚本，robots.txt 中允许媒体、css 和 js。我找不到错误。

这怎么可能？如何让 Google 将主页视为移动设备友好型？

我正在使用引导导航栏，当我调整移动窗口的大小时，我的导航栏会丢失正常内容并且变得不圆润。我不确定是什么原因造成的。我已经删除了所有覆盖，问题仍然存在。

我正在使用带有指南针的引导 sass 端口。

看起来像：

http://i.stack.imgur.com/ZpNJ0.png

它应该如下所示：

https://i.imgur.com/FE8VS8d.png

玉：

没有 CSS，因为导航栏只使用引导 CSS

我开始使用 bootstrap 并获得了很好的体验。

今天当我测试它时，我了解到禁用 javascript 时导航菜单不起作用。即下拉菜单不起作用（我知道如果没有javascript，它们就无法工作，但至少应该有一些替代方法），并且关闭了javasript 的移动设备根本无法访问该菜单。

我没有找到任何有助于在线解决此问题的资源。那么，有什么方法（如果不修复下拉菜单）使菜单在移动设备上工作？

还是我必须停止使用引导程序？

I'm generally new to responsive web design and am trying to make a video site template. When I make the wave graphic responsive in the div tag the width works perfectly. However the height leaves a gap between the image (as if the height isn't responding base don the width) and the div tag and showing the background color red of the 'wave1' div.

You can see it here on jsFiddle on any screen size.

Any idea how to fix this???

Here is my code:

左侧有一个固定大小的表格，它与右侧的可变大小表格“粘性”，当它溢出时应该使用滚动条。

我的问题是左表是固定大小的，我希望右侧表能够响应并将容器填充到剩余的 100% 大小，我真的不知道该怎么做。

我希望它填满整个容器，不管容器的大小。而且它还必须具有响应性，因此在调整窗口大小（使其更小）时看起来仍然可以。它也必须适应这一点。

代码可以在这里看到：http: //www.bootply.com/JtnSn5A3Mz#

我想dropdown在引导程序中禁用导航栏的响应，并且像桌面屏幕一样显示给我。这是我的代码...

我想禁用dropdown负责任的。这是我在 jsfiddle 中的代码：

http://jsfiddle.net/v5a7kj52/1/

我有一个div元素，它将根据浏览器屏幕的大小包含不同的背景图像。

这是一个将执行响应式工作的 CSS 示例：

上面的示例 CSS 工作正常，直到我使用 jQuery 设置背景图像。换句话说，在 jQuery 设置 的 之后background-image，div响应不再起作用。

对我来说，响应停止工作是有道理的，因为浏览器不知道如果/当用户调整浏览器窗口大小时我希望允许响应继续工作。但是，就我而言，我确实希望浏览器窗口的大小调整始终覆盖background-imagejQuery 可能在调整大小之前设置的值。

这可以在 CSS 中解决还是我需要用脚本来管理它？（注意：!important不成功）。

在这个小提琴中，您将看到在调整浏览器窗口大小时背景图像如何适当变化。当且仅当您单击其中一个按钮时，响应性才会停止工作。

我在一个布局中使用了四个面板，每个面板都是全宽的。他们应该在 sm 和 xs 视图中很好地堆叠。我已将面板设置为在 md 和 lg 视图尺寸中没有样式，这应该可以正常工作。

仅在 sm 和 xs 视图中时，如何让它们显示折叠？目前，它们是打开的，这没关系，但考虑到某些数据的高度，如果我可以折叠初始状态会更好。

无法将代码放在这里，因为它充满了其他数据库、js 和其他东西的负载，因为我们仍在构建它并且尚未清理到文件中。

当更改互联网浏览器的大小时，一切似乎都是响应式的，直到达到特定的窗口大小。展开我的窗口时，我的网站的容器大小将从 (944px X 240px) 跳到 (463.5px x 289px)。请帮我弄清楚如何解决重叠问题！

这就是它在扩展时和重叠之前的样子：

这是它的样子，同时展开它，它会跳转到一个较小的容器并重叠：

如果我继续扩展它，容器会再次恢复到正常大小，并且响应能力再次看起来不错：

这是我的代码：

所以假设你有很多东西要绘制，采样时间为 10 毫秒，即 9 个图表/图形（基于 qcustomplot 库）和一个 GLWidget。现在所有的计算，我的意思是数学，都是在一个单独的线程中执行的，但是像“填充 #1 图表的数组”或“清理图表”这样的指令是在 GUI 线程中执行的（显然以 10 毫秒的速度） .

我的问题是，基本上，由于绘图的频率很高，按钮变得无响应。

现在我的问题是：有没有办法提高我的代码的性能？我想避免每 50 毫秒而不是每 10 毫秒绘制一次。可能的解决方案是使用 qApp->processEvents(); ? 有没有更优雅的方式？