H5 中关于 Mate 的基本配置项

做 H5 页面最重要的就是在各大浏览器及各大手机屏幕中做一些兼容设置或者单独设置。下面就是收集一些 H5 页面中的 Mate 配置项: 看这里 <!-- 设置 viewport --> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" /> <!-- 启用360浏览器的极速模式(webkit) --> <meta name="renderer" content="webkit"> <!-- 避免I...

2017
10-09

meta viewport 你真的了解吗?

前言 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 上面是一行我几乎每天都用到的代码,它给我们带来的好处是非常明显的,一眼就可以看到的,除了这一点,我对它就一无所知了,我天真地以为只要认识它能给我实现什么样的效果就足够了,可事实却告诉我:“你这小子也太天真了,你千万别被网上一大堆的搜索结果骗了,...

2016
07-09

Meta标签里的 apple-mobile-web-app-capable 作用

apple-mobile-web-app-capable的存在让本来屏幕就小的移动设备来说,可谓是福音呀。他可以让用户的屏幕变得“更大”。其实他就是通过删除苹果默认的工具栏和菜单栏,来给用户腾出更多的空间从而让网页得到更好的展现,让iphone达到屏幕增大的效果。 他的用法也好简单: <meta name=”apple-mobile-web-app-capable” content=”yes” /> 其实针对iphone的meta标签属性不仅仅就只有这个,下面我们再来看别外...

2015
09-22

Meta 标签里的 format-detection 含义及作用

format-detection 翻译成中文就是格式检测的意思,他是用来检测页面里的一些格式。如果你是做移动开始的应该常常会遇到这种情况,明明就是一串数字,没添加点击拔号的,但当你用 iphone 时默认给你加上了,明明就是一个邮箱地址,没点击发送邮件的,明明是个地址,点击却跟到一个一地图中,那么 format-detection 正好是为你解决这些问题的好帮手,不信?请往下看! meta的format-detection属性主要是有以...

2015
09-22