My meta viewport не работает

Question

Я работаю на веб-сайте (Revogue) .Я пытаюсь отключить масштабирование для мобильных телефонов, и он не работает. Я пробовал много метавизоров ... Пожалуйста, помогите мне ((

<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" /> 

Answer 1

Это должно быть все, что вам нужно отключить зум:

<meta name="viewport" content="user-scalable=no" /> 

Если ваш браузер по-прежнему масштабирования убедитесь, что это не включено никаких параметров доступности «сила масштабирования» в Chrome это под три точки меню». "-> настройки-> доступность.

Answer 2

Вы должны настроить файл css для работы, что-то вроде этого

<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>