解决方案相关的按钮/元素 - howto？

Question

我需要在div中放置一些图形元素，这些元素应该可以在具有不同分辨率的各种屏幕上显示（例如，移动屏幕）。例如，类似于关闭覆盖窗口的“X”按钮。我可能会想到几个选项来实现它：

1. 有几个JPEG文件（每个分辨率），在JavaScript中选择它们
2. 使用HTML5功能
3. 任何支持CSS渲染图形（很简单）大概？
4. 还有什么？

这将是伟大的有任何形式的建议/众所周知的做法，所以我不会重新发明轮子。

Answer 1

CSS规则：

img { 
    width: 100%; 
} 

没有？ 并使用@media规则：

@media only screen and (min-width: 768px) and (max-width: 991px) { 
    div { 
     width: 100px; 
    } 
}