Javascript 将内联图像居中，以适合具有自己url的类似浏览器的图像（且具有100%的宽度或高度且无拉伸）

我有一个垂直对齐的网络摄像头：中间；此处：。作品但我希望滚动条永远不会出现。事实上，图像更新对我所做的事情并不重要。我是这样想的：

<script type="text/javascript">
  if (x==1)
  {
  document.write
  ("<img src='webcam.jpg' name='webcam' style='width: 100%; height: auto' alt='webcam' hspace='0' vspace='0' />");
  }
  else
  {
  document.write
  ("<img src='webcam.jpg' name='webcam' style='width: auto; height: 100%' alt='webcam' hspace='0' vspace='0' />");
  }
</script>

如果（x==1）
{
document.write
("");
}
其他的
{
document.write
("");
}

以下是测试版本的完整代码：

当我将head中的变量从1更改为其他变量时，将不会显示100%的高度

---

我计划读取html内部的x和y值，然后使图像调整到该值。

不要执行100%，尝试指定宽度和高度，如400。从您的网络摄像头捕获的图片很大，100%符合图片大小。使图片变小完整的尺寸是本文的重点。小尺寸在网站的主页上。单击它，用户将进入全尺寸版本。再次单击将用户带回主页面。图片只有640x480，因为我使用的球形凸轮是旧的。事实上，任何使图像高度100%和宽度自动的方法都会非常有用。