iPhone优化的2页“应用程序”（网站）

我想创建一个网站，行为像一个应用程序。这是超级简单，但我仍然无法弄清楚如何让它工作...iPhone优化的2页“应用程序”（网站）

它基本上是一个图像，当你从主屏幕启动应用程序时会显示（我需要以某种方式使地址&导航栏消失）。当你点击图片时，它应该显示下一张图片。

我试图与这行代码

<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浏览栏&地址栏。

任何人都知道我可以做这个工作吗？

在此先感谢..

来源

2013-10-10 user2868900

-1

尝试在CSS样式

img{ 
    max-width: 100%; 
}

编辑对不起，我有急事。）

来源

2013-10-10 22:03:29

这似乎是正确的，除非你需要最大宽度：100％:) –

您可以在CSS图像上设置一个最大宽度以避免图像比当前窗口更宽：

img { max-width: 100%; }

您可能要考虑使用css框架，如Bootstrap或Foundation。它可以帮助您更轻松地创建一个响应式/适用于移动设备的网站，特别是使用网格系统和响应式UI元素。

来源

2013-10-10 22:27:05

iPhone优化的2页“应用程序”（网站）

回答

相关问题