Question

对于最常见的设备，我想要在整个屏幕顶部显示图形/图像（不必在最旧的设备上工作，这是最常见的设备）。

我可以提前根据屏幕分辨率使图形/图像大小不同，大约187-225像素高，X像素长;我可以准备好这些文件。但是我如何编程，理想情况下是在jQuery Mobile中，还是常规的jQuery？

我理解我应该提供一些解决方案。但是，到目前为止，我没有花费无数个小时试图让它发挥作用，也没有在网上看到这个基本问题/需要回答，我想知道你们其中一个人是否做过这件事还是很容易知道怎么做。谢谢。

请注意到目前为止每张投票。我要求某人建立我的网站或其他什么？没有。我要求他们构建我需要的图形或徽标吗？不，我要求几行代码，如何做某事。这就是它。那有意义吗？对于更加亲切的人，请忽略此评论。谢谢。

Answer 1

所以你有不同的方法来解决这个问题。

使用css图像宽度的百分比将是一个选项。图像推荐的高分辨率图像。

示例：

更改窗口宽度，它将自动与视口成比例缩放。

HTML：

<div id="some_imgs">
  <img id="img_1" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150">
</div>

CSS：

#img_1{
  width:100%;
  height:auto;
}

如果要为每种不同的尺寸使用多个图像，而不是将其作为图像标记。您将创建一个div并将图像指定为该div的背景。然后通过css media query检测图像，根据屏幕大小切换出图像。

我希望，我回答了你的问题。