html - 使用图像作为背景或创建 CSS，优缺点

Question

我正在使用 jQuery Mobile 和 Phonegap 开发 HTML5 移动应用程序。它将部署在多个平台上。

我在下面有一个横幅 png:

我的问题是:

1)直接用这张图片做背景还是用CSS动态生成，哪种方式更好？ (在应用速度和用户体验方面)

2) 如果 CSS 是更好的方式，如何使横幅的高度随着横幅内的文本内容动态增长？ (不确定如何处理装饰品)

如有任何指点，我们将不胜感激。

Answer 1

1) 从技术上讲，CSS 可能是更有效的方法，因为它是纯粹的代码，它不必引用另一个文件。然而，我并不觉得这种效率上的提升足以让你担心不得不在 CSS 中重新创建类似的东西。换句话说，只使用图像文件。 PhoneGap 用于 HTML。图片在 HTML 文件中很常见，所以我不担心。

2) 也许我不明白你到底在问什么，但你不应该只使用填充吗？

<div style = "background-color: red; padding: 25px;"> Banner Text </div>
<!-- Don't use this type of styling in practice, it's bad technique. -->

希望这能回答您的问题。