Fatal编程技术网
  • android/
  • Android 如何启用放大元标记？

Android 如何启用放大元标记？

android html css iphone

Android 如何启用放大元标记？,android,html,css,iphone,meta-tags,Android,Html,Css,Iphone,Meta Tags,我正在开发一个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-c

我正在开发一个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>


Chart.js示例
样品
面向设计师的简单而灵活的JavaScript图表&；开发者
函数createCategory（项）{
var el=document.createElement（'div'）；
el.className=‘样本类别’；
el.innerHTML=
''+项目.标题+''+
'';
返回el；
}
函数createEntry（项）{
var el=document.createElement（'div'）；
el.className=‘样本条目’；
el.innerHTML=''；
返回el；
}
var categories=document.getElementById（'categories'）；
Samples.items.forEach（函数（项）{
var category=createCategory（项目）；
var children=category.getElementsByClassName（'items'）[0]；
（item.items | |[]）.forEach（函数（item）{
appendChild（createEntry（item））；
});
类别.儿童（类别）；
});
您应该为视口元使用此元标记，实际上您使用了用户可缩放：0，它不允许用户放大或缩小

从html中删除
user scalable=no
。它不允许放大和缩小。
检查此项

仍不可用。也许我必须给出一些用于缩放的参数？虽然默认情况下“用户可缩放”为“是”，但如果没有，请尝试添加“用户可缩放”=yes您是否可以在其他浏览器上进行检查？您能否1）指向发生这种情况的页面，和2）提及在哪些设备上发生以及在哪些设备上正常工作？@MrLister请检查更新的问题。和firefox ipod，以及三星A3上的所有浏览器。 
<meta name="viewport" content="width=device-width, initial-scale=1">