javascript - 仅在一个 div 中禁用元视口(viewport)？

Question

我的网站有裁剪图片功能。

问题是，对于 meta viewport，这张图片太大而且很难裁剪。如果我使用 CSS 更改图像大小，则裁剪 cordenates 将不匹配。

所以我只想在这个 cropper div 中禁用视口(viewport)。

<meta name="viewport" content="width=device-width, initial-scale=1">

我可以做这样的事情吗？或 jquery...

#MyDIV{
@viewport {
 disable...
}
}

谢谢 friend 们!

Answer 1

如前所述，最好的解决方案是在图像 div 容器上设置最大宽度。您仍然可以使用 css 元标记，但只是为了避免用户使用可能扭曲图像比例的“放大”功能。在这里查看更多说明:http://www.w3schools.com/css/css_rwd_viewport.asp ，但是您只需要在文档头部设置这个元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

然后，在您的 css 文件中设置如下媒体查询:

 /** replace 480px with your target screen width **/
@media screen and (min-width: 480px) {
  #MyDIV {
    max-width: 200px; /** replace 200px with your desired image max width **/
    margin: 0 auto; /** to center the div in the page **/
  }
}

希望对你有帮助