问题标签 [responsive]

我有一个使用 HTML 响应式编码的网站，并且该网站的侧边栏导航器元素在移动设备上消失了。以下是我目前在此方面的代码。我想让侧边栏在移动设备上工作，感谢任何可以提供帮助的人。

我是一个初学者，在我的主导航栏上使用响应式 jQuery 移动菜单。小屏幕上的移动菜单按钮（三个水平线）在加载的第一页上工作，但随后恢复到原始导航栏（见下图）。有没有办法多次运行代码，以便每次都在每个页面上运行？谢谢你的时间！

相关代码如下...

我正在将 html 页面转换为带有 @media 查询的响应式页面，而没有任何框架。

每当我将浏览器窗口的大小调整为较低的宽度时，divs 就会相互重叠。

首先，我正在使用position:absolute;

但现在我已经删除position:absolute;了，但divs 仍然相互重叠。

}

divD2与 重叠divD1。divD1和都divD2放在divD.

请给我一些解决方案。

我的网站在 safari 上神秘地中断，没有响应（到目前为止，基础 zurb 在任何其他浏览器上都可以使用）。即使我不使用 js boundle 也会发生这种情况。

这场灾难在线：http ://diet.paperide.com

我不知道为什么！谢谢...

我目前正在尝试改进我非常“简单”的网站。这是一个自动运行的循环幻灯片，大小响应并完全居中。到目前为止一切正常。我唯一的问题是我希望幻灯片在单击时链接到我的电子邮件。除了在它上面拍一个大的透明字母外，我无法让它工作。其他人是否知道更好的解决方案来实际实现幻灯片或其他内容中的链接？

谢谢你的帮助。这是我的网站代码，这就是我所拥有的：

我在流畅的布局上将lazysizes 插件与srcset 结合使用。我不知道如何让浏览器将页面加载到正确的长度，而不是在滚动时扩展页面。

我使用 bootstrap 框架制作了一个 codepen 在这里演示

http://codepen.io/elevenelevne/pen/EKbERV

经过大量阅读，我确定这与浏览器无法计算高度有关，因为它没有设置，但我不能让它以响应方式工作

代码但说 10 行

任何帮助将不胜感激

我的 flexbox 布局基于Philip Walton 的 Holy Grail Layout。

我正在尝试创建一个类似于这些的滑入/滑出导航侧边栏，但使用的是 flexbox 布局，而不是绝对定位的 div。

我见过很多 flexbox 滑动菜单，例如Off Canvas Flexbox Menu，但它们似乎都将文章滑过侧边栏。我希望侧边栏在滑入和滑出视图时推/拉文章。

为了实现这一点，我一直在display:block和之间切换 CSS 显示属性display:none。当侧边栏被隐藏并且内容会自动调整大小以填充新的更大空间时，这非常有效。JSFiddle 演示显示切换。

但是，当我尝试使用翻译属性（例如transform:translateX(-12em)将侧边栏滑出视图）时，内容保持在同一个位置并且不会调整大小。这会留下一个可以看到父容器的洞。JSFiddle 演示了滑动切换。

问题：如何将nav视图滑出并article调整大小以填补空白？

注意：我想在不使用 javascript 的情况下实现这一点。

我有一个响应式站点，其中每个交替部分都有一个固定的背景图像，并且内容应该在图像上滚动。现在，在 iOS 上，它会放大图像的一小部分并将其放大以适应内容 div（我基本上以灰色的大背景结束）。我怎样才能使固定背景上的滚动部分也能在 iPhone 浏览器上工作？

这是我当前的背景代码：

和html：

***编辑我已经删除了所有响应式的东西，我发现问题在于图像正在缩放到整个页面，而不仅仅是应该包含的部分，但它只发生在在 iOS 上使用浏览器。例如，“关于”部分的背景图像正在缩放以覆盖所有三个部分，然后背景的放大部分显示在第一部分中。如果我删除其他部分，图像会缩小到正确的大小。

谢谢

该网站可以在桌面上运行并且看起来很完美，即使在缩放浏览器时一切正常。当我在移动设备上加载它时，它看起来完全关闭，只有一些 css 加载，让它变得更奇怪，它有时工作，有时不工作。我检查了 head 部分的所有标签，以确保响应式代码正常工作，并且全部正确。我不知道可能出了什么问题。这是网站http://flits.live/的链接，谢谢！

所以我正在尝试为我们镇上的一个地板球队制作网站。我想有一个地板球目标的图像，上面有链接和东西（我稍后会提供一个图像）。但我与响应式设计作斗争。

我希望 ORKA 标题的位置如下： 即使我调整浏览器窗口的大小，标题也应该固定到位。

这是代码：

我希望我很清楚，你明白这一点。对不起我的英语不好，它不是我的母语。先感谢您。