如何在meta标签中启用缩放？

我正在研究一个node.js应用程序，它也适用于手机。但是在一些手机上它没有放大可能的原因？如何在meta标签中启用缩放？

我该网页的meta标签是

<meta name="HandheldFriendly" content="true"/> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black">

这是我要添加捏缩放页面。我添加的元标记是index.html，它是我的应用程序的父页面。那么主要原因可以是什么？

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <link rel="icon" href="favicon.ico"> 
    <script src="samples.js"></script> 
    <title>Chart.js samples</title> 
</head> 
<body> 
    <div class="content"> 
     <div class="header"> 
      <div class="chartjs-title">Samples</div> 
      <div class="chartjs-caption">Simple yet flexible JavaScript charting for designers &amp; developers</div> 
      <div class="chartjs-links"> 
       <a class="btn btn-chartjs" href="http://www.chartjs.org">Website</a> 
       <a class="btn btn-docs" href="http://www.chartjs.org/docs">Documentation</a> 
       <a class="btn btn-gh" href="https://github.com/chartjs/Chart.js">GitHub</a> 
      </div> 
     </div> 

     <div id="categories" class="samples-categories"></div> 
    </div> 

    <script> 
     function createCategory(item) { 
      var el = document.createElement('div'); 
      el.className = 'samples-category'; 
      el.innerHTML = 
       '<div class="title">' + item.title + '</div>' + 
       '<div class="items"></div>'; 
      return el; 
     } 

     function createEntry(item) { 
      var el = document.createElement('div'); 
      el.className = 'samples-entry'; 
      el.innerHTML = '<a class="title" href="' + item.path + '">' + item.title + '</a>'; 
      return el; 
     } 

     var categories = document.getElementById('categories'); 
     Samples.items.forEach(function(item) { 
      var category = createCategory(item); 
      var children = category.getElementsByClassName('items')[0]; 

      (item.items || []).forEach(function(item) { 
       children.appendChild(createEntry(item)); 
      }); 

      categories.appendChild(category); 
     }); 
    </script> 
</body> 
</html>

来源

2017-07-28 Learner

你能1）指向一个页面发生这种情况，2）提及它发生在哪些设备上，以及它通常在哪些设备上工作？ –

@MrLister请检查更新的问题。和Firefox的iPod，并在A3三星的所有浏览器。 – Learner

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

来源

2017-07-28 07:46:53 83N

请检查更新的问题请 – Learner

你应该使用这个元标记的视口元，实际上你已经使用的用户可扩展性：0不允许用户在放大或缩小。

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

来源

2017-07-28 07:48:15 Owais

仍然没有。也许我必须为缩放提供某种参数？ – Learner

默认情况下，用户可扩展为yes，如果没有发生，则尝试添加用户可扩展= yes – Owais

请检查已更新的问题，请 – Learner

从您的HTML user-scalable=no。它不允许放大和缩小。
检查这个link

来源

2017-07-28 07:58:25 Priyanjit

我做过。仍然不适合我 – Learner

你检查过其他浏览器吗？ – Priyanjit

请检查更新的问题 – Learner

如何在meta标签中启用缩放？

回答

相关问题