Javascript 如何制作捕捉到浏览器两侧的捕捉标头？

因此，在我的FAQ页面上工作时，我想我会尝试创建一个时尚的标题。现在的问题是，我有了它，我不知道如何将它捕捉到浏览器的两侧（如果这是合理的话）

我想知道的是，CSS或JavaScript是否有助于拍摄此图像：（）并将其设置为50-75%的高度（取决于它的外观），然后将其捕捉到web浏览器，以便web浏览器越小，图像越小，从而在任何浏览器中保持相同的外观

我还想知道是否有可能让一船纯HTML文本可以遵循相同的扩展和折叠模式

我对CSS太陌生了，但我对如何让它工作有一个中级的理解。我希望能够创建一个干净，流畅的网站，这是愉快的访问

编辑：我正在使用模块放置，因为Enjin不支持编辑完整的网站CSS，而是支持HTML模块。

在这个示例中，图像设置为主体背景

body {
  background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
}
@media all and (max-width:960px) {

  body {
   background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
   background-size: auto 300px;
  } 

}

@media all and (max-width:600px) {

  body {
   background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
   background-size: auto 200px;
  } 

}

---

要获得响应，您必须使用CSS媒体查询，媒体查询的目标屏幕大小和按屏幕大小设置相应的CSS属性。

我忘了添加我使用的模块与此相关。Enjin不支持对页面直接使用CSS，因此使用某些CSS方面Enjin不支持自己。对不起，朋友，那就帮不了你了……但是，没有什么建议是学会编写代码并远离引擎；）从HTML5和CSS2.1、CSS3开始，而不是移动到JS/jQuery等等……Enjin是一个网站主机，支持各种面向游戏的网站，因此它让用户（而不是引擎）更容易使用。无论如何，谢谢你的实际建议。我尝试学习代码已经有一段时间了，并且对它有了基本的理解，但仍然在努力编写自己的代码。HTML与CSS相比一点也不难，但是当我手工编写它时，我需要花费一些时间来获取各种代码，并将其组合在一起并重写。一般来说，学习它不会有什么坏处。根据您的目标设备/浏览器，您应该能够完全用CSS实现这一点（如果我理解正确的话），特别是使用CSS属性，如background size:contain和background size:cover。JavaScript在这里真的不应该是必要的，除了可能更改类名。Enjin不允许完全定制网站的CSS。相反，要在页面的任何位置添加HTML、CSS或JavaScript，必须在HTML模块中放置代码。