为了账号安全,请及时绑定邮箱和手机立即绑定
  • 实现响应式布局的方法: 1.CSS3-Media Query——最简单的方式 2.第三方开源框架——可以很好地支持浏览器响应式布局的设计 3.借助原生JavaScript——成本高,不推荐使用
    查看全部
  • 实现响应式布局的方法: 1.CSS3-Media Query——最简单的方式 2.借助原生JavaScript——成本高,不推荐使用 3.第三方开源框架——可以很好地支持浏览器响应式布局的设计
    查看全部
  • bootstrap 把网页元素全部组件化了,按照想要的组件样式,适当修改即可,大大减少了代码量和设计量。
    查看全部
  • CSS3-Media Query媒体查询 ·devic-width,device-height——屏幕宽高 ·width,height——渲染窗口宽高 ·orientation——设备方向 ·resolutions——设备分辨率(注意区别像素PX和分辨率DPI的概念区别)
    查看全部
  • CSS3-Media Query媒体查询 ·devic-width,device-height——屏幕宽高 ·width,height——渲染窗口宽高 ·orientation——设备方向 ·resolutions——设备分辨率(注意区别像素PX和分辨率DPI的概念区别)
    查看全部
  • 开源框架
    查看全部
  • CSS3 Media Query
    查看全部
  • 所以说实现响应式最主要的技术就是MQ啊 框架什么的只是提供了一种方便 比较开心的是自己并没有走上邪道啊233333 理解大概都对 但是自己觉得局限大的原因大概还是自己用的太不熟练了
    查看全部
  • 唔一定要记住移动优先,响应式最重要的就是可实现的的多分辨率下的再布局,设计一个页面的最开始,就要同时想到至少PC和smartphone两版,其他细微的差别比如同产品的不同分辨率是接下来再考虑的
    查看全部
  • 至少说从以分辨率为判断条件MQ为实现技术这个维度来讲 我之前自己的理解偏差并不大 全站响应式最头痛的就是兼容 自己需要对布局有更清晰的认识和更熟练的代码书写 以及 在此基础上的简洁 优化
    查看全部
  • 下次有人问我为什么响应式会流行 我就回答是移动互联网的爆发(´・_・`) 所谓有需才有求
    查看全部
    0 采集 收起 来源:基本背景介绍

    2015-03-14

  • CSS3-Media Query媒体查询 ·devic-width,device-height——屏幕宽高 ·width,height——渲染窗口宽高 ·orientation——设备方向 ·resolutions——设备分辨率(注意区别像素PX和分辨率DPI的概念区别) 外联样式使用CSS3-Media Query: <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式使用CSS3-Media Query: <style type="text/css"> @media screen and (min-width: 480px){ body{ background-color: blue; } } </style>
    查看全部
  • CSS3-Media Query媒体查询 ·devic-width,device-height——屏幕宽高 ·width,height——渲染窗口宽高 ·orientation——设备方向 ·resolutions——设备分辨率(注意区别像素PX和分辨率DPI的概念区别) 外联样式使用CSS3-Media Query: <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式使用CSS3-Media Query: <style type="text/css"> @media screen and (min-width: 480px){ body{ background-color: blue; } } </style>
    查看全部
  • pull-right visible-xs 太匆匆~ bootstrap本身提供了现成的组件和结构, 对组件进行改造, 即可达到预期效果. bootstrap高度组件化, 使用时不要尝试重新开发. bootstrap核心是栅格化布局, 需着重掌握.
    查看全部
  • 外联样式使用CSS3-Media Query: <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式使用CSS3-Media Query: <style type="text/css"> @media screen and (min-width: 480px){ body{ background-color: blue; } } </style>
    查看全部

举报

0/150
提交
取消
课程须知
小伙伴,在学习本课程之前,需要你熟悉HTML、CSS3和JavaScript。
老师告诉你能学到什么?
1、了解什么是响应式布局。 2、理解响应式布局的优缺点、设计原则和实现方法。 3、掌握使用Bootstrap前端框架实现响应式布局。

微信扫码,参与3人拼团

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

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