-
@小分辨率下出现的按钮 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@应用：外联、内嵌。 001.外联 <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)"/> → 当屏幕的宽度小于等于480px时，使用这个css 002.内嵌 <style> $media screen and (min-width:480px){ body{background:blue;} } </style> → 当屏幕的宽度大于480px时，使用这个css 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@CSS3-Media Query 名词解释： -屏幕宽高：物理设备的宽高。 -渲染窗口宽高：可视区域的宽高。 -设备方向：横屏竖屏。 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@如何实现响应式布局 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
@响应式设计优缺点 【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】查看全部
-
看完了为什么不加经验值？查看全部
-
此处的“col",应该是“column”的缩小，是“列”的意思，而非老师讲的“单元格”查看全部
-
响应式设计的优缺点查看全部
-
内联响应式布局：@media screen and (min-width:480px);当浏览器可视区域宽度大于480px样式启用 外联响应式布局：media="only screen and (max-width:480px)" 当浏览器可视区域宽度小于480px样式启用查看全部
-
1、外联css2、内嵌样式查看全部
-
实现响应式布局的三个方式： 1.css3 Media Query：最简单的方式 2.通过js实现：主要用于老浏览器上，加载速度慢，不推荐 3.使用第三方的开源框架，如bootstrap，可以很好的实现浏览器对响应式的支持查看全部
-
设计原则： 1.移动优先：在设计的初期就考虑页面如何在多终端展示 2.渐进增强：充分发挥硬件设备的最大功能查看全部
-
响应式设计 优点：解决了设备之间的差异化展示 缺点：兼容性代码多，工作量大，加载速度受影响。 对原有网站布局会产生影响，用户判断未必精确。查看全部
-
响应式布局： 1、服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。 2、可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。 3、移动互联网催生了响应式布局的诞生。查看全部
-
media的使用方式查看全部
举报
0/150
提交
取消