-
media query 查询不同的媒体设备 device-width, device-height 屏幕宽高 width, height 渲染窗口宽高 orientation 设备方向 resolution 设备分辨率 使用 media 关键字就可以实现根据不同的设备显示不同的文件查看全部
-
bootstrap 响应式框架 getbootstrap.com下载 主要由ＣＳＳ ＪＳ ＡＮＤ ＦＯＮＴＳ组成 ＩＥ８需要ＲＥＳＰＯＮＤ.ＪＳ，需要跨域的问题查看全部
-
外联样式使用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的概念区别）查看全部
-
实现响应布局的方法： 1、CSS3-Media Query——最简单的方式（可满足大部分的需求）。 2、借助原生JavaScript——成本高，不推荐使用。 3、第三方开源框架——可以很好地支持浏览器响应式布局的设计（如bootstrap）。查看全部
-
响应式设计原则 1、移动优先：在设计的初期就要考虑的页面如何在多终端展示。 2、渐进增强：充分发挥硬件设备的最大功能（虽然ie6、7、8不支持css3的一些属性，但要发挥硬件设备的最大功能）。查看全部
-
响应式设计优缺点： 1、优点：解决了设备只见的差异化展示，让不同的设备都大道最优的视觉体验. 2、缺点：兼容性代码多，工作量大，加载速度受影响；对原有网站布局会产生影响，用户判断未必精确。查看全部
-
响应式布局框架: bootstrap 对于不同的设备,给出最佳的展示方案。 响应式设计不光根据用户的设备分辨率来判定展示什么样的网页，它有很多不同的维度。查看全部
-
响应式布局： 1、服务器根据不同的浏览器用户端，为用户呈现不同的页面效果。 2、可以让一个网站兼容不同分辨率的设备，给用户更好的视觉使用体验。 3、移动互联网催生了响应式布局的诞生。查看全部
-
记住呀查看全部
-
栅格系统，即为列布局 http://v3.bootcss.com/css/#grid查看全部
-
IE9以下浏览器兼容，需要引入respond.js查看全部
-
@·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>查看全部
-
@·实现响应布局的方法 1.CSS3-Media Query——最简单的方式（可满足大部分的需求） 2.借助原生JavaScript——成本高，不推荐使用 3.第三方开源框架——可以很好地支持浏览器响应式布局的设计（如bootstrap）查看全部
-
@·响应式设计原则 （1）移动优先：·在设计的初期就要考虑的页面如何在多终端展示 （2）渐进增强·充分发挥硬件设备的最大功能查看全部
举报
0/150
提交
取消