最近我的大学朋友居然问我移动端怎么写,我十分的惊讶,然后想到不会写移动端的人也是比较多,那就说下吧。
首先下载flexible
然后下载sublime text3因为sublime3有写移动端的法宝cssrem
我就不说这个sublime3怎么下载啦,直接说这个cssrem在哪里下载吧
下载
第一种:cssremSublime Text -> Preferences -> Browse Packages,复制下载的cssrem目录到刚才的packges目录里
第二种:preferences->package control(install package)->cssrem安装就完了
配置
打开preferences->browse packages->打开cssrem->cssrem.sublime-settings
2.如果是750的设计图就改成75,如果是640的就改成64就ok
3.开写,一定要在css里面写哦
我这里是750的设计图所以我用的是75,直接回车就px自动转成rem了
哦,对了,不要忘了引入viewport<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放
鄙人拙见,如有出入,还请指正,谢谢!!!