软件入门
会员教程
人工智能AIGC
职业路径
训练营
更多

课程专辑

以点破面 专精学习

文章 / 软件下载

行业动态 下载软件

作品/IP合作

赏析作品 IP赋能商业

超职套课

海量好课 单套购买

优质讲师

变得和他们一样优秀

虎课APP

APP下载

AI智能抠图

2步搞定抠图

企业VIP

了解更多>企业VIP尊享特权

主账号管理

多人团队协作必备

学习内容管理NEW

及时了解学习进度

报销无忧

正规发票 极速开票

专属客服服务

反馈优先响应

开通企业VIP最高赠送60天

助力企业打造全方位的新职业人才

HOT 个人VIP

可搜索课程、软件、讲师、读书、直播

热门搜索

C4D AIGC人工智能 新年 视频剪辑 植树节 Midjourney stable diffusion ComfyUI 海报

您还没有专辑

开始创建自己的专辑吧

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

免费学习即将结束

关闭继续学习>

精选笔记(15)
精选笔记(15)不显示精选笔记
分享/下载
加入专辑收藏
记笔记
编辑完成后，记得点我~

酸梅干超人
讲师：酸梅干超人

关注人数：23003

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

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

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

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

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

1.响应式是在移动互联网爆发之后，我们会发现我们在使用这些智能设备开始增加，设备类型的增长增强了网页的适配需求。

2.响应式即网页根据显示宽度自动调整内容的模式，比如左侧是最宽，中间是第二宽，右侧是第三宽。

3.显示的宽度是浏览器的宽度， 电脑使用的分辨率代表的是当前这个用户，他在他电脑中可以看到网页的最大值，也就是它的上限，但不代表在这台电脑中所看的网页必须是全屏的。

4.在电脑中常见的分辨率有2560、1920、1440，平板中使用的分辨率有1280和1024，也就是我们的宽度，手机的宽度一般是800~640之间，根据宽度来实现页面变动的一种前端技术。

5.自适应和响应式不一样，响应式是我们希望用一套的前端代码，来实现所有设备的匹配，自适应是网站根据客户端类型匹配不同版本样式。

6.响应式是用同一套设计元素根据浏览器宽度适配，自适应是根据不同的设备设计不同的样式适配，这两者之间有各自适用的场景跟适用的环境，和他们的开发成本。

7.响应式是一种显示的模式，但不是必需品，它适用于企业、产品等视觉展示型网站中。

8.而对于信息量庞大、阅读性强的网站，就并不需要使用响应式，而是固定其宽度。

9.在超宽屏情况下，里面的东西不能撑满显示，这样根本就没法阅读了，响应式不是说什么情况下什么场景都要用，而是要去

查看更多
您需要学习后才可以评价， 立即学习
换一批

为你推荐

虎课网为您推荐响应式与格栅-网页UI设计系统进修课视频教程、图文教程、素材源文件下载，学员课后练习、作品以及评价等内容。响应式与格栅-网页UI设计系统进修课教程讲师：酸梅干超人，难度等级：新手入门，视频时长：22分2秒 查看全部
相关教程:
网页ui设计教程网页ui教程ui设计进阶教程ui设计主页教程网页设计教程网站ui设计教程dw网页设计教程cad未响应教程统计表格教程ui体系教程excel系统教程
相关文章:
响应式与格栅-网页UI设计系统进修课图文教程
最新文章:
cad2017激活教程cad对象捕捉设置在哪里找呢2014cad注册机下载你知道cad图形文件无效怎么办吗cad怎么缩放到指定大小cad自动保存文件怎么打开呢cad平方米符号怎么打m2你知道cad转pdf怎么变成黑白吗cad转版本怎么完成？ai转cad怎么做？
软件入门:
MUSE教程XDCC2020教程即时设计教程摹客教程MasterGo教程Pixso教程Mockplus教程Flinto29.0教程Dreamweaver教程Sketch教程Figma教程Principle教程ProtoPie教程Axure9.0教程xiaopiu教程墨刀教程Hype 3教程Sketch72.3教程Axure8.0教程蓝湖教程XD2017教程

同学，小虎知道你非常努力的想学习！

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

赞助一下吧

确定学习吗？

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

成为VIP可无限学习 !

成为VIP吧!

再看看确认学习

成为VIP吧!

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

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

升级VIP吧!

您已经学习 5 个教程啦!

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

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


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


赞助VIP

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


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


赞助VIP

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


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


赞助VIP

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


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


赞助VIP

学习后才能评价哦!

我知道了

学习后才能提问哦!

我知道了
我要评论
本次课程评分：
课程难易程度：太简单简单适中有点难太难了
您近期已提交过同样评论
请勿频繁提交重复评论~
0/200
提交
我要评论

确认要删除这条评论吗？删除后将无法恢复。

取消确认

获得30虎课币

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

我知道了
评论错误

当日最多删除五条评论

×

下载素材/源文件：

下载课程源文件下载课程素材
收藏成功
取消成功
直播答疑中
学习过程有困惑？
阿角老师在线直播答疑！
参与直播答疑
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

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

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

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

联系在线客服

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

工作日：9:30~18:30

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