移动端meta行的示例分析

小编给大家分享一下移动端meta行的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、成都做网站、成都网站制作易于使用并且具有良好的响应性。

 

width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 )

height: viewport 的高度 (范围从 223 到 10,000 )

initial-scale: 初始的缩放比例 (范围从>0到 10 )

minimum-scale: 允许用户缩放到的最小比例

maximum-scale: 允许用户缩放到的最大比例

user-scalable: 用户是否可以手动缩放

1. apple-touch-icon
< link  rel= "apple-touch-icon"  sizes= "76x76"  href= "touch-icon-ipad.png">
如果 apple-mobile-web-app-capable 设置为 yes 了,

那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。

而设置相应 apple-touch-icon 标签,则添加到主屏上的图标就会使用我们指定的图片。

2. apple-touch-startup-image
< link rel= "apple-touch-startup-image" href= "/startup.png">
基于 apple-mobile-web-app-capable 设置为 yes ,

可以为WebApp设置一个类似NativeApp的启动画面。

和 apple-touch-icon 不同,

apple-mobile-web-app-capable 不支持sizes属性,

要使用media来加载不同的启动画面。

// iPhone
// iPhone Retina
rel="apple-touch-startup-image" />

以上就是移动端meta行的汇总的详细内容,更多请关注创新互联其它相关文章!

以上是“移动端meta行的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


名称栏目:移动端meta行的示例分析
文章转载:http://bzwzjz.com/article/ghgsdo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作公司 企业网站设计 成都网站制作 高端网站设计 定制网站制作 网站设计 成都定制网站建设 成都模版网站建设 重庆网站建设 成都网站设计 四川成都网站设计 高端定制网站设计 成都网站设计 阿坝网站设计 自适应网站建设 高端网站设计 专业网站设计 H5网站制作 成都品牌网站设计 成都商城网站建设 营销网站建设 重庆企业网站建设