Html 如何禁用封面的缩放？

我为我的网站创建了一个封面，如何禁用缩放或模拟效果，使图像、标语和徽标始终具有相同的大小？

您可以通过在html文档中插入这样的标记来禁用移动设备的缩放：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

（更多信息请访问：和）

不能对chrome等浏览器禁用缩放功能（ctrl+、ctrl-、cmd+、cmd-、scrollwheel等）。这种渲染是由浏览器处理的，如果您想防止标语和徽标在不同的比例下失真，那么最好的选择是使用响应式CSS样式。 （更多信息请访问：）

---

最后一个古怪的选择可能是将标语和徽标作为嵌入式flash对象，但不推荐使用。

可以将图像作为背景添加到DIV中，并将大小设置为DIV。 即使用户进行缩放，图像仍保持其大小

<div id="the_img">
</div>

---

检查上的代码

我一直在努力解决这个问题。。。如何使

#img

div覆盖屏幕的整个高度？使用相同的方法，但设置背景大小：cover；背景位置：中心；给身体。

#the_img {
    width: auto;
    height: 300px; /* Preferred size */
    background-image: url('http://i.imgur.com/JNY1o.jpg'); /* image */
    background-size: cover;
    background-position: center center;
}