flexible.js

移动端适配方案 flexible.js

目录

1、什么是flexible.js

2、使用方式（这是阿里的CDN，如果其他链接一样可以）

3、如果不用CDN用源码也可，其包含一个.css文件和.js文件（文件直接引入）

4、flexible.js 做的三件事

5、重点重点重点！与PX的换算（1rem = 75px）

1、什么是flexible.js

是一个终端设备适配的解决方案。也就是说它可以让你在不同的终端设备中实现页面适配。

是一个用来适配移动端的javascript框架。根据宽度的不同设置不同的字体大小，样式间距都使用rem作为单位，不同屏幕大小适配不同的样式。 

2、使用方式（这是阿里的CDN，如果其他链接一样可以）

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js">script>

3、如果不用CDN用源码也可，其包含一个.css文件和.js文件（文件直接引入）

//css文件
@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body{font-family:sans-serif}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！