您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > UI设计 > B端网页的响应式和栅格-从零开始学B端设计
下一节课程:这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权,畅学全站89000+会员教程
立即升级特权超值
89000+教程
不限次学
素材/源文件
不限次下载
161大职业路径
不限次学
虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

分享/下载
加入专辑收藏
记笔记
编辑完成后,记得点我~

AI助教课程信息目录
我是AI助教小虎,你可以对本课程提出问题,我将根据课程内容为您解答
🌟1. 帮我总结这节课程的主要内容与知识点总结
💡2. 帮我提炼这节课程的章节段落
一键登录使用AI助教全新功能
复制

内容由AI大模型生成,请仔细甄别内容

图文教程学员互动 (13) 视频字幕
综合评分:10 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练课程提问
有内容评论
本课作业要求(暂无用户提交作业)
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

本节课讲解B端网页的响应式和栅格,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。

那我们开始今天的教程吧。

1.前面我们知道了,浏览器视图区域大小不可控,项目应该如何应对不同分辨率和视图大小呢。

2.比如一个网站,大的视图情况是这样,缩小之后内容还是能看,这样的话是使用了什么东西呢。

3.响应式技术,即动态适配浏览器视图的技术,在不同视图下尽可能完整利用空间显示内容。

4.网页响应式技术是怎么来的?它是从移动互联网兴起后开始发展,主要目标是无缝适配移动端设备的显示需求。

5.来源是因为我们的设备开始多样化,多样化之后就希望设计一套网页,并在其他软件和设备中全都能看的见。

6.B端项目和一般网页的响应需求不同,很多情况下,我们通常不考虑直接支持移动端设备的应用。

7.比如我们看到的很多项目,你会发现手机版本跟网页版本,都是网页的状态,但其实完全不一样。

8.B端项目的响应式通常只面向电脑显示器,也就是我们的浏览器,并会明确的制定内容区域和显示范围。

9.内容区域,即需要应用响应式的实际区域,内容区域不能适配无限大或是无限小。

10.显示范围,即支持的最大宽度和最小宽度,最小显示范围是800px,最大显示范围是2560px。

11.响应式的基本规则,即在这个宽度范围内,有效同步内容区域宽度和内容宽度的过程。

12.案例一,文字的响应式演示,如果在响应式规则范围内拉伸,它就会放大,这个模块本身就会放大。

查看更多
您需要学习后才可以评价, 立即学习
字幕加载中...
登录后查看更多
换一批

为你推荐

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了29,770
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证