为了账号安全,请及时绑定邮箱和手机立即绑定
声音越来越小了,额……好吧……
IE是互联网的毒瘤
媒体查询:
media = "only screen and (max-width:480px)"
@media screen and (min-width:480px){...}
1.页面多终端显示。
2.渐进增强充分发挥硬件设备的的最大功能
代码里有错误 多了一个</html>
bootstrap 移动优先的框架
media query 查询不同的媒体设备
device-width, device-height 屏幕宽高
width, height 渲染窗口宽高
orientation 设备方向
resolution 设备分辨率
使用 media 关键字就可以实现根据不同的设备显示不同的文件
1 css3 media query 最简单 有不支持 css3的浏览器的时候, 借助原生的 Javascript
2 第三方开源框架 bootstrap
1 页面多终端的展示
2 渐进增强, 充分发挥硬件设备的最大功能
优点:解决设备只见的差异化展示
缺点: 兼容性代码多, 工作量大, 加载速度受影响; 对原有网站会产生影响, 用户判断未必精确
bootstrap 可以实现响应式布局
移动互联网催生了响应式布局的诞生
.老师 { 声音:随着课程进度越来越小... }
现在讲的也挺好的,可是问题就来了案例太少了
media query只写了一节吗?
???
课程须知
小伙伴,在学习本课程之前,需要你熟悉HTML、CSS3和JavaScript。
老师告诉你能学到什么?
1、了解什么是响应式布局。 2、理解响应式布局的优缺点、设计原则和实现方法。 3、掌握使用Bootstrap前端框架实现响应式布局。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消