这个哪是加密呀
这是是jquery.js的源代码啊
很明显这个页面用了jquery框架
你要查看其CSS样式,建议用IE8,因为IE8里面有个开发人员工具
非常好用!
**区别**,仅是各阶段草案命名。- W3C 2009年第1次草案:[display:box](https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/)
- W3C 2011年第2次草案:[display:flexbox | inline-flexbox](https://www.w3.org/TR/2011/WD-css3-flexbox-20110322/)
- W3C 2012年第5次草案及以后的候选推荐标准:[display:flex | inline-flex](https://www.w3.org/TR/2012/WD-css3-flexbox-20120612/)
前者是flex 2012年的语法,也将是以后标准的语法,大部分浏览器已经实现了无前缀版本。
后者是2009年的语法,已经过时,是需要加上对应前缀的。
所以兼容性的代码,大致如下
display: -webkit-box/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box/* Firefox 17- */
display: -webkit-flex/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex/* Firefox 18+ */
display: -ms-flexbox/* IE 10 */
display: flex/* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
如果要说区别,display:box; 是老规范,要兼顾古董机子就加上它。
flexbox flex 是新规范,老机子不支持的。
可以采用判断userAgent的方式区分PC和移动端,比如通过打印alert(navigator.userAgent)
能看到当前我的浏览器使用情况
Mozilla/5.0 (Windows NT 6.1WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.91 Safari/537.36
如果使用ios,可能会有iphone,ipad等关键字,通过判断这些关键字是否存在,可以知道使用的是什么操作系统,然后就可以使用如下代码:
if(iphone) {
//加载专用的js和css
} else if(ipad) {
...
} else if(pc) {
...
} else {}