-
响应式设计的优缺点 优：解决了设备只见的差异华展示 缺： 1、兼容性代码多，工作量大，加载速度受影响 2、对原有网站布局会产生影响，用户判断未必精确查看全部
-
Bootstrap的栅格系统就是响应式布局的代表！ 响应式布局的目的： 对于不同的设备,给出最佳的展示方案。查看全部
-
响应式布局 What： 1、兼容不同分辨率的设备 2、给用户更好的视觉使用体验 Why： 移动互联网的催生，非响应式网页布局无法满足移动互联网的多个终端显示的需求查看全部
-
css3 -Media query查看全部
-
响应式设计的原则 移动端优先 1、在设计的初期就要考虑页面如何在多终端展示 2、渐进增强 充分发挥硬件设备功能查看全部
-
http://v3.bootcss.com/examples/offcanvas/ http://getbootstrap.com/examples/offcanvas/查看全部
-
Bootstrap框架 是一个移动有限的框架 它最大的优点就是：写非常少的代码，就可以实现多终端的页面适配 并且它解决了很多浏览器的兼容问题查看全部
-
media query常见的属性 device-width,decive-height---屏幕的物理宽高，不是窗口的宽高 width,height---渲染窗口的宽 orientation---设备的方向（横向还是竖向） resolution---设备的分辨率查看全部
-
响应式设计的3中方式 1.css3的 media query 推荐使用 2.用原生的js 成本高，不推荐使用 3.使用bootstrop的响应式框架 很好的解决了浏览器响应式的兼容问题查看全部
-
移动优先： 在设计的初期就要考虑到页面如何在多个终端显示 渐进增强： 充分发挥硬件设备的最大功能 不要因为低端浏览器（IE6\7\8等）不支持某些属性和功能，就不使用某些属性和功能查看全部
-
缺点： 1.兼容性代码多，工作量大，加载速度受影响 2.对原有网站布局会产生影响，用户判断未必精确查看全部
-
CSS3 Media Query 常见属性: device-width，device-height--屏幕宽高（物理上的） width，height--渲染窗口宽高（实际窗口宽高） orientation 设备方向（横屏竖屏） resolution 设备分辨率查看全部
-
@media screen and (min-width:480px){ }内联查看全部
-
行内：media=“only screen and (max-width:480px)”查看全部
-
常见属性查看全部
举报
0/150
提交
取消