-
响应式设计的原则：1.移动优先，在设计的初期就要考虑的页面如何在多终端展示；2：渐进增强：充分发挥硬件设备的最大功能查看全部
-
引入respond.js查看全部
-
响应式布局实现方式： 1、css3-Media Query （最简单的方式） 2、借助原生Javascript（不推荐，成本高） 3、第三方开源框架（比如：可以很好地支持浏览器响应式布局的设计，如bootstrap）查看全部
-
响应式设计 优点：解决了设备之间的差异化展示 缺点：兼容性代码多，工作量大，加载速度受影响。 对原有网站布局会产生影响，用户判断未必精确。查看全部
-
外联：<link media="only screen and(max-width:480)"/> <style> @media screen and (min-width){ body{backbround:blue;} } </style>查看全部
-
引入respond.js查看全部
-
设置emta：viewport查看全部
-
bootstrap查看全部
-
CSS-Media Query查看全部
-
移动优先和渐进增强查看全部
-
响应式布局产生的背景，主要是同样的网页，在不用的终端上显示时需要适应的显示效果！查看全部
-
device-width,device-height 屏幕宽高，物理 width,height 渲染窗口宽度，可视 orientation 设备方向，竖屏和横屏展示的区别对待 resolution 设备分辨率不同于像素查看全部
-
响应式布局实现方式： 1、css3-Media Query （最简单的方式，多维度UI界面展示，有不支持mesdia。移动端大部分是支持的，老版本的浏览器不能兼容） 2、借助原生Javascript（不推荐，成本高） 3、第三方开源框架（比如：可以很好地支持浏览器响应式布局的设计，如bootstrap）查看全部
-
device-width,device-height 屏幕宽高，物理 width,height 渲染窗口宽度，可视 orientation 设备方向，竖屏和横屏展示的区别对待 resolution 设备分辨率不同于像素 css3 新的属性 meida="only screen and (max-width:480px)"//缩小至48像素 背景变为红色查看全部
-
响应式布局实现方式： 1、css3-Media Query （最简单的方式，多维度UI界面展示，有不支持mesdia。移动端大部分是支持的，老版本的浏览器不能兼容） 2、借助原生Javascript（不推荐，成本高） 3、第三方开源框架（比如：可以很好地支持浏览器响应式布局的设计，如bootstrap）查看全部
举报
0/150
提交
取消