如何启用中继标记?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何启用中继标记?相关的知识,希望对你有一定的参考价值。
我正在开发一个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">
这是我要在其上添加缩放的页面。我添加的meta标签是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 & 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>
答案
<meta name="viewport" content="width=device-width, initial-scale=1">
另一答案
您应将此meta标签用于视口meta,实际上您使用的是user-scalable:0,不允许用户放大或缩小。
<meta name="viewport" content="width=device-width, initial-scale=1">
另一答案
从您的html中删除user-scalable=no
。它不允许放大和缩小。检查此link
另一答案
如何启用双击缩放?用户可缩放比例=是,仅允许收缩缩放,但不允许双击缩放。
以上是关于如何启用中继标记?的主要内容,如果未能解决你的问题,请参考以下文章