竟然有人把css用js方式加密来写,页面没人任何class

html-css019

竟然有人把css用js方式加密来写,页面没人任何class,第1张

这个哪是加密呀

这是是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 {}