我正在使用Google Maps JavaScript API V3,官方示例总是包含此元标记:
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)
我见过的大多数第三方例子都是这样做的.我写了一个使用它的插件,我的一个用户告诉我,这使他无法放大和移出他的移动设备.我没有要测试的移动设备,我的搜索都没有显示任何有用的信息.
那么,标签的重点是什么?我应该留下吗?我应该尝试检测浏览器代理并仅显示桌面浏览器吗?
我有以下jquery事件处理函数:
$('.target').on('dblclick', function() {
//respond to double click event
});
Run Code Online (Sandbox Code Playgroud)
我的问题是这个事件处理程序不适用于触控设备(iPhone,iPad ......).任何人都可以推荐一种可靠的替代品dblclick,可以在触摸设备上使用,并且仍可以在全尺寸设备上轻松双击使用吗?
W3C不会验证我的视口元标记吗,为什么?
<title>DIDIx13</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!-- Throws a warning "Consider avoiding viewport values that prevent users from resizing documents." -->
<meta name="keywords" content="DIDIx13" >
<meta name="description" content="I'm Darwin and welcome to my website" >
Run Code Online (Sandbox Code Playgroud) 我习惯于查看我访问的许多网站的代码,并看到以多种不同方式定义的视口。
我见过这个
<meta name="viewport" content="width=device-width, initial-scale=1 " />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui" />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
Run Code Online (Sandbox Code Playgroud)
和这个
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 " />
Run Code Online (Sandbox Code Playgroud)
我考虑过将它们全部组合成这样的东西
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
Run Code Online (Sandbox Code Playgroud)
但这有什么好处吗?什么是最好的方法?