为了账号安全,请及时绑定邮箱和手机立即绑定
CSS3 Media Query 常见属性:



device-width,device-height--屏幕宽高(物理上的)



width,height--渲染窗口宽高(实际窗口宽高)



orientation 设备方向(横屏竖屏)



resolution 设备分辨率
缺关键代码,比如最后那个按钮,三栏布局也错了。。。
CSS3 Media Query 常见属性:

device-width,device-height--屏幕宽高(物理上的)

width,height--渲染窗口宽高(实际窗口宽高)

orientation 设备方向(横屏竖屏)

resolution 设备分辨率
实现响应式布局:

1、CSS3-Media Query 最简单的方式

2、第三方开源框架Bootstrap(可以很好的支持浏览器响应式布局的设计)
我想在电脑上浏览一个页面时,显示某张图片,当使用手机浏览时,不显示该图片,应该怎样做
答案:就是用只在电脑上可视代码:class属性:.visible-lg
声音太小啦!我把电脑的所有音量都放到最大了,还是听不清
这节课是精华。
​ 我特别想知道,小屏时点击“Toggle”按钮,右侧显示出列表的功能是怎么实现的?

就是视频3-1中09:14时刻看到的这个效果:之前的内容被慢慢挤到了左侧,而且不出现横向滚动条。。。

强烈的请求大神们给解答!!!!!!!!!!!!!!!!
讲得不错,对于初学者很有帮助。
讲的比较基础性的东西,想要做出符合要求的响应式设计,还是要多熟悉熟悉框架……多做些demo测试吧,哎,加油!!(PS:总感觉像是在吃糖一样,声音一会儿大,一会儿小,一会儿口齿清晰,一会儿夹杂着咽口水的声音……)
谢谢老师,老师辛苦了
课程须知
小伙伴,在学习本课程之前,需要你熟悉HTML、CSS3和JavaScript。
老师告诉你能学到什么?
1、了解什么是响应式布局。 2、理解响应式布局的优缺点、设计原则和实现方法。 3、掌握使用Bootstrap前端框架实现响应式布局。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消