问题标签 [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.
jquery - 响应式菜单按钮不会自动关闭
我在移动设备上的响应式菜单存在一些问题。当我单击菜单按钮时，它会折叠一个下拉菜单。但是当我点击下拉菜单中的一个链接时，它不会自行关闭。
你能帮帮我吗？
html - html中两种尺寸的相同img
我有一个用于大屏幕的 img 和另一个用于小屏幕的 img。这是一个简单的选择，如果可行，但我不确定在 html 中以不同大小放置相同的 img 并隐藏一个显示是否是一种好习惯没有任何？该选项还有其他问题吗？
CSS：
HTML：
html - 使静态页面响应
我是网页设计的初学者，我使用 html 和 css 开发了一个页面。我想将我的静态页面转换为响应式，以便每当我重新调整浏览器的大小时，我的页面样式根据窗口大小保持不变。下面是我的身体宽度和高度。
现在，每当我尝试重新调整浏览器窗口的大小时，我的页面样式就不会保持不变。div 会相互折叠。
请给我一些简单的技巧来转换我的页面响应。
drop-down-menu - 特定菜单时停止下拉行为 - Foundation 6
我使用 Foundation 6 和响应式菜单来更改外观菜单，如下所示：
当屏幕很大时，我有一个下拉菜单，但是当我将屏幕大小调整为中小型菜单时，会停留在下拉菜单中，这对我来说是个大问题。
如果我以小尺寸加载我的页面，我的列表是可见的并且我没有下拉菜单，但是如果用大屏幕切换并且再次小菜单就像下拉行为一样消失......
当屏幕很小时，如何在没有 js 交互的情况下“重置”具有初始外观（html 基本）的菜单？
你知道是否有规则说像可见性类这样的大下拉列表？
非常感谢，对这种可怕的英语感到抱歉...
html - 4k 手机分辨率会影响依赖像素宽度的响应式 CSS 吗？
4k 手机在市场上仍然是新产品，但我认为这项技术变得更加普及只是时间问题。在设计响应式网站时我应该担心吗？
是否有任何其他计量单位我应该使用不是 px 以避免将来出现问题，或者我的担忧是没有根据的？
html - Bootstrap 导航栏自动切换
我正在尝试使用 Bootstrap 为我的网站构建导航栏。我尝试使用切换功能，使菜单更易于在移动设备上访问。当我在浏览器上放大到 200% 时，它可以正常切换并且效果很好。但是，当我在手机上连接到我的网站时，它无法自动切换。
这是我的代码：
我已经尝试了我在网上找到的所有东西都无济于事，所以我非常感谢任何帮助我解决这个问题的人！
html - 证明内容不起作用
我开始自己学习 html5 和 css3，但在将元素与 justify-content 居中时遇到了麻烦。我的目标是制作一个基本的响应式布局。
在我的代码中，我将整个网络居中，但也无法将标题内的 div 居中。我尝试使用“justify-content”将其设置为居中并将 Flex 设置为 1，因为我希望我的 3 个 div 使用导航器中的总空间，但它不起作用。因此，如果有人可以帮助我，那就太好了。谢谢！
PD：对不起，如果我的英语不是很好。
HTML
CSS
twitter-bootstrap-3 - Bootstrap3 - 从不同的图形切换导航
Bootply - http://www.bootply.com/YkWyRzWZDs
我想知道是否可以在<header>标签之外有一个图形来控制导航切换（而不是汉堡图标按钮）。网站的这一部分只能在移动设备上查看。
我在折叠菜单上方有两行图像按钮，我希望其中一个图像链接充当导航栏切换。这可能吗？
如果可能的话，有人可以帮助我进行必要的代码更改吗？
android - PageSpeed 模块导致 Firefox 移动中的图像中断
我对使用 PageSpeed 模块的网络有一个有趣的问题。因此，当我启用网页上的 PageSpeed 图像时，图像会损坏。重要的是它只发生在移动设备上的 Firefox 上（检查了 Android 和 iOS）。
因此，如果 PageSpeed 开启：
https://www.dropbox.com/s/pei292sz6qzswnb/2016-03-28%2011.09.10.png?dl=0
如果 PageSpeed 关闭：
https://www.dropbox.com/s/aju6qxxdgeehtoa/2016-03-28%2011.10.05.png?dl=0
移动设备上的所有其他浏览器都运行良好且没有问题。由于 PageSpeed 为我提供了良好的性能，我不想将其关闭，但这只是一个大问题。
网址是http://ruhrgebietaktuell.de/
我检查了链接、css 样式、URL……但不知道下一步该做什么。非常感谢任何帮助。
干杯!
Ps 模块目前处于关闭状态，但如果有人知道要尝试什么，我会非常乐意打开它 :)
css - 背景图片无法在浏览器上完全显示，甚至在移动设备上显示最差
我的主要背景图片适应屏幕分辨率，但图片在此过程中被截断，因此您看不到完整图片。
手机/平板电脑上的图片甚至更差（更被切断）
您如何显示全图并使其适应每个浏览器/手机/平板电脑以获得全屏资源？
我什至不确定在哪里修改编码。
这段代码可能是问题吗？