移动端flexible布局适配

最近我的大学朋友居然问我移动端怎么写,我十分的惊讶,然后想到不会写移动端的人也是比较多,那就说下吧。

首先下载flexible
然后下载sublime text3因为sublime3有写移动端的法宝cssrem
我就不说这个sublime3怎么下载啦,直接说这个cssrem在哪里下载吧

下载

第一种:cssremSublime Text -> Preferences -> Browse Packages,复制下载的cssrem目录到刚才的packges目录里
第二种:preferences->package control(install package)->cssrem安装就完了

配置
  1. 打开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:用户是否可以手动缩放

鄙人拙见,如有出入,还请指正,谢谢!!!

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值