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

Question

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

下面有一个横幅：

我的问题是：

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. -->

希望这能回答你的问题。