有没有特别的iPhone/iPodTouch HTML标签？
有没有特别的iPhone/iPodTouch HTML标签？
提问于 2018-01-31 06:11:00
我注意到这个标签：
<link rel="apple-itouch-icon" href="/apple-touch-icon.png" /><input type="search" results="5"/>回答 2
Stack Overflow用户
发布于 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运行。
Stack Overflow用户
发布于 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)" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007274
复制相关文章
相似问题