为了账号安全,请及时绑定邮箱和手机立即绑定
这就讲完了?不是说重点讲解CSS3的media query的么???
在学习,赞一个!
响应式设计的原则:移动优先(在设计的初期就要考虑的页面如何在多终端展示)
渐进增强 (充分发挥硬件设备的最大功能)
响应式 ——优点:解决了设备之间的差异化展示

——缺点:兼容性代码多,工作量大,加载速度受影响;对原有网站布局产生影响,用户判断未必精确
当宽度缩小时 右边的链接隐藏,同时会出来一个小的按钮,点击这个按钮右边的链接会显示,这个功能老师没讲。求补充。
谢谢老师,入门很不错
如何实现响应式布局:
1、CSS3-Media Query 最简单的方式
2、借助原生JS(成本高,不推荐使用)
3、第三方开源框架(可以很好的支持浏览器响应式布局的设计)
优点:解决了设备之间的差异化展示
缺点:兼容性代码多,工作量大,加载速度受影响;对原有网站布局产生影响,用户判断未必精确
优点:解决了设备之间的差异化展示
缺点:兼容性代码多,工作量大,加载速度受影响
第一次接触bootstrap,老师讲解的很好,很适合入门。就是最后的显示list没讲。框架里面的内容太多了,用的时候都不知道有什么对应的功能,这只能一点一点的接触学习了。。。
谢谢老师,凌晨还在录制课程,辛苦了。
对于菜鸟的我还是有用的,谢谢!
本节课程07:47的时候说为了支持小屏响应式,使用.col-xs-12 .col-md-8 和 .col-xs-6 .col-md-4时是因为3:2的换算关系,我觉得应该是在md屏幕下占8列(总12列),而在xs屏幕下匹配12列(总12列)吧。难道是我理解错误,希望有心人解惑,谢谢

最新回答 / 坚持终将美好
说下我的想法,你可以监控页面的滚动事件,判断滚动到一定位置的时候,然后给你要显示的部分加上.navbar-fixed-top类活着首页css样式动态用js添加上,希望对你有用!
课程须知
小伙伴,在学习本课程之前,需要你熟悉HTML、CSS3和JavaScript。
老师告诉你能学到什么?
1、了解什么是响应式布局。 2、理解响应式布局的优缺点、设计原则和实现方法。 3、掌握使用Bootstrap前端框架实现响应式布局。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消