Question

我的网站上有裁剪图像功能。

问题是，对于meta视口，此图像太大而且难以裁剪。如果我使用CSS更改图像大小，则裁剪cordenates将不匹配。

所以我想仅在此裁剪器div中禁用视口。

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

我可以这样做吗？或jquery ......

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

谢谢你的朋友们！

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 **/
  }
}

希望这会有所帮助

在一个div中禁用元视口？

1 个答案: