相关疑难解决方法(0)

适用于Android的全屏Web应用程序

我想在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有很多解决方案,但我尝试的所有解决方案都不起作用.

有人知道解决方案吗?

javascript html5 android web-applications

38
推荐指数
3
解决办法
7万
查看次数

如何禁用Android上的网页缩放/缩放?

我编写了一个小型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 scaling android viewport

25
推荐指数
2
解决办法
6万
查看次数

Viewport元标记无法在iPhone和Android中运行

我使用以下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中发生.

html iphone android viewport meta-tags

18
推荐指数
2
解决办法
5万
查看次数

如何在Android上停用放大Chrome?

试图阻止在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)

html safari android google-chrome ios

15
推荐指数
2
解决办法
3万
查看次数

6
推荐指数
1
解决办法
4588
查看次数

用于android默认浏览器的Viewport元

我想在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)

您对如何正确配置视口有任何想法吗?

谢谢

android viewport

5
推荐指数
1
解决办法
9710
查看次数

元名称 =“视口”不能按预期工作

我的网站 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/

在此处输入图片说明

html responsive-design

5
推荐指数
2
解决办法
2万
查看次数