0

所以在我的常见问题页面上工作时，我想我会尝试创建一个时尚的标题。现在的问题是，我有了它，我不知道如何将它贴到浏览器的两侧（如果这甚至是合理的）。

我想知道 CSS 或 JavaScript 是否有助于获取此图像：（http://files.enjin.com/503205/FAQWelcome.png）并将其设置为 50-75% 的高度（取决于它的外观）并将其捕捉到网络浏览器，这样网络浏览器越小，图像就越小，因此它在任何浏览器中都保持相同的外观。

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

我对 CSS 太陌生了，但我对如何使它工作有一个中等的理解。我希望能够创建一个干净、流畅、令人愉快的网站。

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

4

1 回答 1

0

这是此示例中的小提琴图像设置为身体背景

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 属性。

于 2013-09-16T02:22:33.147 回答