我注意到这个标签:
<link rel="apple-itouch-icon" href="/apple-touch-icon.png" />
<input type="search" results="5"/>
发布于 2018-01-31 14:16:32
<meta name="viewport" content="width=320, initial-scale=2.3, user-scalable=no">
允许您设置宽度、高度和比例值。
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
设置状态栏样式,非常清楚。
<meta name="apple-mobile-web-app-capable" content="yes" />
它允许在全屏模式下运行网页,而不是通过Safari运行。
发布于 2018-01-31 15:28:20
我想用我看到的一些新东西来补充我自己的答案。
1.提供更高清晰度的iPhone 4视网膜显示图标的选项
<link rel="apple-touch-icon" href="icons/regular_icon.png" />
<link rel="apple-touch-icon" href="icons/retina_icon.png" sizes="114x114"/>
2.如果您发现iphone/ipod/ipad在应用程序图标上放置的默认的光滑覆盖过多,您可以通过在rel属性中添加“preComposed”来请求不添加它。
<link rel="apple-touch-icon-precomposed" href="/images/touch-icon.png" />
(3)你可以让iPhone链接直接发送手机/短信,完成所需的操作。
<a href="tel:01234567890">Call us</a>
<a href="sms:01234567890">Text us</a>
)并不完全是一个HTML标记,而是基于方向切换CSS的一个方便的选项。
<script type="text/javascript">
function orient(){
switch(window.orientation){
case 0:
document.getElementById("orient_css").href = "css/iphone_portrait.css";
break;
case -90:
document.getElementById("orient_css").href = "css/iphone_landscape.css";
break;
case 90:
document.getElementById("orient_css").href = "css/iphone_landscape.css";
break;
}
}
window.onload = orient();
</script>
5.你可以为iPhone 4的视网膜显示器提供一个特殊的CSS样式表,它支持4x的像素。
<link rel="stylesheet" type="text/css" href="../iphone4.css"
media="only screen and (-webkit-min-device-pixel-ratio: 2)" />
https://stackoverflow.com/questions/-100007274
复制相似问题