导航
课程首页
  • PM-Summit 全球产品经理大会云会员
  • SDCon 全球软件研发技术大会云会员
  • ML-Summit 全球机器学习技术大会云会员
  • C++性能优化高端培训
  • AI全栈开发实战营
精品课 极客时间

C 知道

登录
会员中心
消息
历史
创作中心
创作
学习中心
成为讲师

移动端开发之flex和rem布局技巧 移动端开发之 rem适配技巧 案例-banner实现

移动端开发之flex和rem布局技巧
共56节 232人在学 课程详情
课程目录
讨论留言
  • 移动端开发之基本概念

    • 移动端开发简介
    • 屏幕尺寸相关简介.
    • 像素比
    • 二倍稿
    • 设计稿图片转换
    • 视口的基本概念
    • 默认视口查看页面
    • 真机调试
    • 完美视口
    • webstorm调试网页
    • 固定宽度布局
    • 百分比布局
  • 移动端开发之flex弹性盒布局技巧

    • flex布局的基础概念
    • 开启flex布局
    • flex-direction排列方式
    • justify-content属性
    • align-items交叉轴的排布
    • flex-flow和flex-wrap和align-content属性讲解
    • 计算flex item 紧缩后的宽度
    • flex-shrink属性flex-item紧缩
    • flex-grow扩大属性
    • order排序
    • flex-basis
    • align-self单个flex-item排布
    • flex属性
    • flex计算宽度
    • 案例-项目初始化
    • 案例-banner实现
    • 案例-内容头部
    • 案例-免费专区
    • 案例-专栏订阅
    • 案例-导航底部
  • 移动端开发之 rem适配技巧

    • less基础入门
    • webstorm配置less语法
    • 移动端基本的骨架构建
    • 移动端骨架pc端美化操作
    • 设计稿辅助线处理
    • 摹客平台的基本使用
    • 案例-妆美人-头部和底部
    • 案例-banner实现
    • 案例-九宫格布局
    • 案例-广告模块
    • 案例-热门商品实现
    • 案例-猜猜你喜欢模块实现
    • 使用less快速的适配
    • 移动端遇到的适配问题?
    • em单位
    • js代码更改font-size实现适配
    • 基于vw方式做适配
    • webstorm的px2rem插件计算rem
    • 基于rem改造妆美人项目
    • 思考_1rem必须等于100px吗?
    • 百度和唯品会适配方案
    • 淘宝的flexible方案适配
    • grid布局
    • grid行和列的生成
    • grid实现妆美人猜一猜模块
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    案例-banner实现

    课程介绍

    本套视频深入移动端开发的最核心部分。讲解了移动端的像素理论,视口理论。css布局之flex布局,深入剖析了rem适配,viewport适配的原理。使用了less等预处理器技术。对less的嵌套,继承,混合等进行了强有力的运用。

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 735人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22137人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4210人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 790人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 842人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5156人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1508人在学

    Python Django 深度学习 小程序

    钟翔 · 2325人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 599人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 3992人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00

      订阅失败

      移动端开发之flex和rem布局技巧
      移动端开发之flex和rem布局技巧 ...

      订阅列表已满,请先移出部分订阅内容。

      当前章节需购买后观看
      开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
      提交答案

      购买课程

      扫码完成付费,可继续学习全部课程内容

      加载中...
      课件正在飞速打包中,请耐心等待几秒钟~

      视频问题反馈

      提交遇到的问题我们会尽快解决的 ~

      首页
      博客
      下载
      学习
      社区
      C知道
      GitCode
      InsCodeAI
      技术会议
      会员中心
      创作中心
      联系我们
      工作时间: 8:30 - 22:00
      客服电话: 400-660-0108
      kefu@csdn.net在线客服
      • 关于我们
      • 招贤纳士
      • 商务合作
      • 寻求报道
      • 京ICP备19004658号
      • 经营性网站备案信息
      • 公安备案号11010502030143
      • 营业执照
      • 北京互联网违法和不良信息举报中心
      • 家长监护
      • 中国互联网举报中心
      • 网络110报警服务
      • Chrome商店下载
      • 账号管理规范
      • 版权与免责声明
      • 版权申诉
      • 出版物许可证
      • ©1999-2024北京创新乐知网络技术有限公司