距离结束还剩:01天3小时
移动端页面布局基础详解篇视频课程

首发

下载课程

下载学院APP

缓存视频离线看

收藏(39)

移动端页面布局基础详解篇视频课程

课程目标: 通过学习本课程,全面了解移动布局的基础知识,为布局各类移动端页面做好铺垫。

3.3分
共17课时 共2小时26分钟 更新时间: 30天前

2424小时内答疑

课时永久观看

退15分钟内无条件退款

  1. 仅限付费视频课程适用
  2. 购买后15分钟内可以找到客服进行沟通退款
  3. 退款将返还至51CTO学院账户,不支持提现
  4. 下载资料后不再享有退款特权
  5. 客服(Tel:400-101-1651)
  6. 最终解释权归51CTO学院所有

课程介绍

课程大纲

学习资料

学员评价

课程目标
通过学习本课程,全面了解移动布局的基础知识,为布局各类移动端页面做好铺垫。
适用人群
HTML5开发工程师,前端开发工程师,WebAPP研发工程师,想要彻底了解移动端布局原理的小伙伴
课程简介
  • 移动端页面布局介绍

    从移动端Web问题的思考,引出移动端布局。

  • 移动端屏幕尺寸与各种单位

    ① 什么是绝对长度单位?什么是相对长度单位?② 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度?③ 什么是ppi、dpi、dp、dip、sp、px?他们之间的关系是什么?④ 什么是mdpi、hdpi、xdpi、xxdpi?如何计算和区分?

  • viewport

    viewport 基础、设置和解析

  • meta 知识

    meta标签定义和常见的属性,viewport模板

  • 移动端字体

    移动端字体类型,字体大小和单位设置详解

  • 高清图像

    1、高清显示屏显示原理2、如何区分普通显示屏和高清显示器3、如何设计高清背景图

  • iconfont

    1、什么是iconfont2、使用iconfont的好处3、如何使用iconfont4、应用iconfont案例

  • 1像素边框

    1、问题的提出2、1像素边框的实现方案

  • vw与vh

    讲解rem + vw/vh

  • flexbox布局基础

    1、Flex布局是什么2、基本概念3、容器的属性4、项目的属性5、Flexbox兼容

  • 骰子布局

    flexbox布局应用-骰子布局

  • 网格布局

    flexbox布局应用-网格布局

  • 圣杯布局

    flexbox应用案例-圣杯布局

  • 输入框布局

    flexbox应用案例-输入框布局

  • 悬挂式布局

    flexbox应用案例-悬挂式布局

  • 固定底栏布局

    flexbox应用案例-固定底栏布局

  • 流式布局

    flexbox应用案例-流式布局

加载中
所属章节 资料名称 文件大小 下载
相关资料推荐

暂时还没有学习资料~

5

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

    • 0%
    • 0%
    • 0%
    • 0%
    • 0%
    加载中
    没有了哦~

    讲师介绍

    陆荣涛

    陆荣涛

    讲师评分:4.1

    Web前端资深培训讲师,大型电子商务软件产品经理、交互设计师、用户体验师

    讲师推荐专题

    官方交流群

    51CTO学院微信H5交流群(526549386)

    立即加入

    1710人学习过

    订阅专栏更多

    推荐图书

    7日学霸榜 有1710人与你一起学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    ¥99

    ¥79

    课程评价

    发表客观评价,最高可得35学分(会员可得70学分)

    移动端页面布局基础详解篇视频课程

    该课程已有 人评价

    课程与描述相符

    老师的讲解表达

    老师的答疑服务

    匿名

    在线
    客服
    在线
    客服
    APP
    下载

    下载Android客户端

    下载iphone 客户端

    返回
    顶部