我的中继视窗无效 [英] My meta viewport doesn't work

问题描述

我正在一个网站上工作( Revogue ).我正在尝试禁用手机的缩放功能，不起作用.我尝试了很多metaviewports ...请帮助我((

I'm working at a website(Revogue).I'm trying to disable zoom for mobile phones and it doesn't work.I tried many metaviewports...Please help me((

<meta name="viewport" content="user-scalable=0, initial-scale=1, maximum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<meta name="HandheldFriendly" content="true" />

推荐答案

您必须在css文件中进行配置才能正常工作，

You must config in css file to works, something like this

<style>
@-ms-viewport{
    user-zoom:fixed;
    max-zoom:2;
    min-zoom:2;
}

body, html{
    margin:0;
    overflow:hidden;
    -ms-content-zooming:none;
    -ms-overflow-style:none !important;
    background-color: #ccc;
    width:720px;
    height:480px;
}

</style>

这篇关于我的中继视窗无效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！