与分辨率相关的按钮/元素 - 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;
    }
}