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