我希望我的网页在所有移动设备上都可以全屏显示，并禁用缩放。
使用以下meta标签：
<meta name="viewport" content="width=1165, user-scalable=no">
<meta name="viewport" content="width=max-device-width, user-scalable=no">
我得到了相反的结果。因此它在安卓上可以工作，但在iPad/iPhone上无法工作。
不幸的是，每个浏览器都有自己的viewport meta标记实现方式。不同的组合将在不同的浏览器上起作用。
Android 2.2: viewport meta标签似乎根本不被支持。
Android 2.3.x/3.x: 通过设置user-scalable=no，您自己也禁用了viewport meta标签的缩放功能，这可能是为什么您的宽度选项没有效果的原因。要允许浏览器缩放您的内容，您需要设置user-scalable=yes，然后将最小和最大比例设置为相同的值，以防止它收缩或增长。尝试不断调整初始比例，直到您的站点完美适应。
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />
Android 4.x: Android 4.x遵循与2.3.x相同的规则，除了不再支持最小和最大缩放比例，如果使用user-scalable=yes，则用户可以随时进行缩放，将其设置为“no”表示忽略您自己的缩放比例，这就是我现在遇到的问题...在4.x中似乎无法同时禁用缩放和比例。
iOS/Safari(已测试4.x/5.x): 根据预期工作，您可以使用user-scalable=0来禁用缩放（关键字yes/no在4.x中不起作用）。iOS/Safari也没有target-densitydpi概念，因此应该将其排除以避免错误。您不需要最小和最大值，因为您可以按预期的方式关闭缩放。只需使用width或您将遇到iOS方向更改错误
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0" />
Chrome：与iOS一样，缩放工作如预期那样，最小值和最大值都被尊重，您可以通过使用user-scalable=no关闭缩放功能。
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,user-scalable=no" />
<meta name="viewport" content="width=620, user-scalable=no" />
[编辑2]
iOS/Safari 7.1：自从v7.1，苹果推出了一个名为minimal-ui的新标志，用于 viewport meta 标签。为了协助全屏应用程序，它隐藏地址栏和底部工具栏，以获得全屏体验（不完全是 Full Screen API，但接近且不需要用户接受）。它也有一些bug，而且在 iPad 上无法使用。
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0, minimal-ui" />
[编辑3]
iOS/Safari 8 Beta 4：在此版本中，苹果已经删除了EDIT 2中提到的视口meta标签minimal-ui。 来源-WebKit注释
HTML
<head>
<meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1'>
</head>
jQuery
选项1：
$('meta[name=viewport]').attr('content','width='+$(window).width()+',user-scalable=no');
var deviceSpecific = {
iPad: 'width=1165,user-scalable=no'
};
if(navigator.userAgent.match(/iPad/i){
$('meta[name=viewport]').attr('content',deviceSpecific.iPad);
}
只需使用以下代码：
<meta name="HandheldFriendly" content="True" />
在我的三星Note II和HTC Desire上运行良好。
我有一部三星Galaxy Note 4手机，并使用Chrome作为我的浏览器。我发现它忽略了viewport meta标签，但是通过使用HandheldFriendly标签，我成功让它起作用。最终，我使用了一组meta标签。在Android和iOS上都对我有效。
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=YOUR_SITE_WIDTH">
安卓从版本4.4.2开始修复了此问题。
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" />
function zoomDisable(){
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />');
}
我在这方面遇到了各种问题，甚至开始构建浏览器检测系统，以向不同的浏览器提供不同的视口标签。然后我决定简化我的操作，一切都正常了。将视口设置为您想要网站的宽度，然后离开，现在一切都正常了。
<meta name="viewport" content="width=1165 />
不管价值如何，这是我用来在我的Nexus 7（Android 4.2.2）/ Chrome上将1024px宽度的内容页面完全全屏显示的方法。 只适用于横屏模式，而无需使用javascript *：
width=device-width, initial-scale=.94, minimum-scale=0.8, maximum-scale=1.2, user-scalable=no
（我认为user-scalable=no实际上抵消了min-和max-scale。）我是通过试错得到了0.94的值，而不是通过任何涉及设备像素密度或类似内容的计算。
*即强制内容宽度与窗口匹配--我确实使用js有条件地编写了viewport meta内容。
<meta name="viewport" content="width=device-width; height=device-height; maximum-scale=1.4; initial- scale=1.0; user-scalable=yes"/>