Javascript 基于浏览器宽度和高度的位置图像

我想知道是否有任何方法可以根据浏览器的宽度和高度在HTML文件中定位图像。我知道如果我想更改图像的宽度/高度，我可以这样做：

<script>                                                   
    alert("Width is " + window.outerWidth + " height is " + window.outerHeight);
    var canvas = document.getElementsByTagName('img')[0];                   
    canvas.width = 200;                                                       
  </script>  

警报（“宽度为“+窗。室外宽度+”高度为“+窗。室外光线”）；
var canvas=document.getElementsByTagName（'img'）[0]；
画布宽度=200；

根据浏览器的宽度和高度，在特定位置定位图像时，我可以做类似的事情吗。理想情况下，如果可能的话，一种不包括媒体查询的方式

---

谢谢

要根据浏览器的宽度和高度定位图像，请给它一个

id

以CSS为目标。然后使用该

id

为其提供一个绝对位置，并使用

vw

和

vh

装置对其进行定位。每个

1vw

为车窗宽度的1%，每个

1vh

为车窗高度的1%：

HTML:

在本例中，图像的左上角与屏幕左侧的距离为20%，与屏幕顶部的距离为10%

---

---

阅读更多关于CSS单元的信息：

Hi user2677095，你觉得我完全回答了你的问题吗？如果是这样，请不要忘记用复选标记将我的答案标记为“已接受”。如果您的问题还没有完全回答，请详细说明您还需要知道什么，以便社区能够为您提供进一步的帮助！谢谢对不起，我早些时候忘了。已经完成了！

<img id="myImg" src="http://i.imgur.com/5LGqY2p.jpg?1">

#myImg {
    position: absolute;
    left: 20vw;
    top: 10vh;
}