我想创建一个像应用程序一样的网站。这超级简单,但我仍然无法弄清楚如何让它工作......
它基本上是当您从主屏幕启动应用程序时将显示的图像(我需要以某种方式使地址和导航栏消失)。当您单击图像时,它应该显示下一个图像。
我试过这行代码
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<!-- this is the part responsible for hidding the bottom bar -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<link rel="apple-touch-icon" href="images/template/engage.png"/>
并且图像是这样编码的
<a href="xxx.html">
<img src="xxxx.png"/>
</a>
但问题是图像的大小没有根据 iphone 屏幕进行调整,它们变得更大,所以你必须滚动才能看到整个图片。
此外,每当按下图像链接时,都会打开一个新的 safari 窗口并包含 safari 导航栏和地址字段。
任何人都知道我怎样才能使这项工作?
提前致谢..