所有分类
  • 所有分类
  • 后端开发
iOS 7.1 Safari新功能大揭秘,网页全屏看起来更大气

iOS 7.1 Safari新功能大揭秘,网页全屏看起来更大气

7.1的Safari中为meta标签新增minimal-ui属性,让网页在加载时便可隐藏顶部的地址栏与底部的导航栏。标签,则添加到主屏上的图标就会使用我们指定的图片。第二个meta标签是iphone设备中的safari私有meta标签,它表


朋友们!听说过御气飞行的概念没?今天我们就来聊聊这个超级炫酷的话题。赶紧来加入吧



嘿亲,问你个事,iOS 7.1的Safari有什么新鲜玩意没?嗯对,就是页面加载时顶上的地址跟下面的导航栏都被盖住的那个。那么这到底是咋回事?咱们一起来看看呗~




iOS 7.1 Safari新功能大揭秘,网页全屏看起来更大气

想要网页看起来更大气?那就把网页放大到全屏看看效果如何~设置成“Yes”之后,页面就会变得咋看咋顺心!而且不管你是用iPhone、iPad还是iTouch的Safari浏览器,马上就能在主屏幕上添加一个按钮,把这个网页无障碍的放在手机桌面上。以后找东西方便极了,随时随地想点开就点开!




咱们来说说另一件事,你发现了吗?主屏上的那些图标好像有点儿小变化。这主要是通过设置中的”apple-touch-icon”选项做到的。如果你换了图标尺寸,但和系统推荐的不同,它会自动调到类似的。不过别忘了,iOS 7及以前的版本会自动给图标加效果,如果你不想用的话,只需要把文件名改为”apple-touch-icon-precomposed.png”就行!

说到图标告诉你们微软给那个IE手机上弄了一个标题是“定宽”的功能嘞!牛?这样一来,就算你随便缩拉网页,图像也还是原来那么大哟~这样我们用手机上网看网页,网页上的东西都还会乖乖待着不去搞乱咧~

哈喽,聊聊你对Metatags是咋看的呗?说白了它就是告诉别人咱们网站啥样,像描述词汇啊、关键词这类基础东西,还有更新频次之类的也都考虑到了,对SEO也有帮助!

     
     
     

我们来瞧瞧iPhone里的那几个私密小贴纸。先说说第一个,它会确保你看到的文件和手机宽度是一样的,最长也就占满整个屏幕那么多,所以想放大也没门儿!然后是第二个,开启了之后屏幕就会全部显示,感觉好真实!最后那个,就是用来设置上面状态栏模样的,比如说换成“黑-半透明”的话,那条状态栏就会冒出来,遮住下面大约20px(如果用的是iPhone 4或者iTouch 4的Retina屏幕的话就得遮40px哦)。

搞定了!问题分析完了,现在就是揭秘答案时间~只要巧妙地使用meta标签,就可以藏起地址栏、调整导航栏、删掉工具栏、把小图标挪回主界面、设计图标效果、控制图片大小,还能展示网站基本内容等。这样一来,浏览网站既方便又舒适,使用户享受更好的体验和更稳健的网页运行。所以说,学会并且精通如何利用meta标签打造iOS7.1浏览器中的手机网页,真的很关键!今天的话题是关于meta标签如何在Safari中玩出各种花样。小伙伴们学到了吗?赶紧留下你的心得体会告诉我!别忘了点个“点赞+转发”给你的小伙伴们下次见!

原文链接:https://www.icz.com/technicalinformation/web/2024/03/11724.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?