2017-07-28 12 views
0

私は携帯電話でも動作するnode.jsアプリケーションに取り組んでいます。しかし、いくつかの携帯電話では、それは理由があるかもしれないズームですか?そのページのメタタグを拡大表示するにはどうすればよいですか?

私のメタタグが、これは私がピンチズームを追加するページです

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

1)このページが表示され、2)発生したデバイスとそれが正常に動作しているデバイスを教えてください。 –

+0

@MrLister親切にチェックして更新された質問をお願い致します。そして、FirefoxのiPod、そしてA3のすべてのブラウザsamsung。 – Learner

答えて

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

親切に更新された質問を確認してください – Learner

0

は、あなたが実際にあなたが使用している、ビューポートメタのために、このメタタグを使用する必要があり、ユーザースケーラブル:0ユーザーがズームインまたはズームアウトすることはできません。

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

+0

まだありません。たぶん私はズームのためのいくつかの種類のパラメータを与える必要がありますか? – Learner

+0

ユーザスケーラブルはデフォルトではyesですが、それが起こっていない場合はユーザスケーラブル= yesを追加してみてください – Owais

+0

親切に更新された質問を確認してください – Learner

0

あなたのhtmlからuser-scalable=noを削除します。ズームインとズームアウトはできません。
これを確認してくださいlink

+0

しました。まだ私のために働いていない – Learner

+0

他のブラウザでチェックしましたか? – Priyanjit

+0

親切に更新された質問をしてください – Learner

関連する問題