我想在Android上以全屏模式运行我用HTML5编程的Web应用程序.(隐藏状态栏和地址/导航栏)
对于iOS你只写:
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Run Code Online (Sandbox Code Playgroud)
但这在Android上无效.
使用Javascript有很多解决方案,但我尝试的所有解决方案都不起作用.
有人知道解决方案吗?
我编写了一个小型Web应用程序来收集一些数据并将其存储在中央数据库中.我走来走去,阅读价值观并在我的Android智能手机上输入网站.这只适合我,因此这次没有适用的公共可用性问题.
现在我想添加一个按钮来增加一个读数,我需要能够多次按下该按钮.但是,如果我执行得太快,浏览器会识别双标签并缩放/缩放到页面中.
我已经添加了一个视口标题,并且可以使用我在网络上找到的每个值组合.但页面仍然可扩展.我怎么能阻止它?
这是一个对我来说失败的最小测试页面:
<!doctype html>
<html>
<head>
<title>Test page</title>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
body
{
font: 16pt sans-serif;
}
</style>
</head>
<body>
This is a test page. It should not be scalable by the user at all. Not with the two-pinger pinch gesture and even less with a double-tap on the text.
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
添加initial-scale = 1,maximum-scale = 1和各种target-whateveritwas-dpi不会改变事物.我已重新启动浏览器(Dolphin HD和股票浏览器)并已清除缓存.我在Android 2.2上,手机是HTC Desire.
我使用以下HTML代码
<!DOCTYPE HTML>
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
test
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我的目的是防止用户放大或缩小.以上代码在iPhone和Android中无效.有解决方案吗
编辑:它出现在iPhone设置中,如果Zoom
选择为On
低于Settings>Accessibility>Zoom
,则会覆盖元标记.资源
不知道为什么它会在android中发生.
试图阻止在Android上的Chrome页面上放大,并且它不想表现.我正在使用下面的代码,它适用于Android浏览器和iOS上的Safari.有什么想法吗?
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;' name='viewport' />
<meta name="viewport" content="width=device-width" />
Run Code Online (Sandbox Code Playgroud) 我有一个移动网站,但它加载缩小.我怎样才能解决这个问题.
我想在android上的网页上显示一个图像(320x480px).我正在尝试配置视口元原因我希望图像以全屏显示.
实际上我只是简单地配置了视口
<meta name="viewport" content="width=320px" />
Run Code Online (Sandbox Code Playgroud)
并且它的工作完美,除了Android默认浏览器.我尝试过Chrome,Opera和Firefox,它们都能正确显示图像.
关于此帖子所有移动浏览器的完整网页和禁用的缩放视口元标记,我尝试以这种方式配置它而没有成功:
<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" />
Run Code Online (Sandbox Code Playgroud)
要么
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=320,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />
Run Code Online (Sandbox Code Playgroud)
您对如何正确配置视口有任何想法吗?
谢谢
我的网站 www.ssd-vergleichen.de 中有那个元标记
<meta name="viewport" content="width=device-width; initial-scale=1.0;"/>
Run Code Online (Sandbox Code Playgroud)
防止设备初始放大网站。在三星 Galaxy S2 上的 chrome 移动浏览器上观看网站时,网站被放大了大约 400%。我做错了什么?任何人都可以帮忙吗?
提前致谢
编辑:使用
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Run Code Online (Sandbox Code Playgroud)
它适用于 Android 的标准网络浏览器,但仍不适用于 Chrome。我想知道它是否适用于IOS?
Edit2:不,它也不适用于 iOS http://iphonetester.com/