-
实现响应式布局的方法： 1、CSS3-Media Query（最简单常用）（可满足大部分的需求） 2、借助原生的JS（成本高，不推荐） 3、第三方开源框架（可很好支持浏览器响应式布局设计）（如bootstrap）查看全部
-
响应式设计原则：（不止是布局） 移动优先，在设计的初期需要考虑页面如何在多终端展示。 渐进增强，充分发挥硬件设备的最大功能。（虽然ie6、7、8不支持css3的一些属性，但要发挥硬件设备的最大功能）查看全部
-
兼容性代码多，工作量大，加载速受影响。 对原有网站布局会产生影响，用户判断未必精确。查看全部
-
IE8需要Respond.js去支持media query。查看全部
-
<html> <head> <link type="text/css" rel="stylesheet" href="link.css" media="only screen and (max-width:480px)"/> //引入样式表,media当尺寸小于480px时使用该样式表 <style> @media screen and (min-width:480px) {body{background:blue;} } //设置屏幕宽度大于480px时候背景为蓝色 </style> </head> <body> </body> </html>查看全部
-
响应式设计，兼容不同分辨率。查看全部
-
css3-media query查看全部
-
外联样式表： <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式表： <style> @media screen and (min-width:480px) { body{background:blue;} } </style>查看全部
-
Media Query常见的属性查看全部
-
响应式布局三种方法查看全部
-
常见的属性： 屏幕宽高：device-width,device-height; 渲染窗口宽高：width,height; 设备方向：orientation; 设备分辨率：resolution;查看全部
-
外联样式表： <link rel="stylesheet" type="text/css" href="link.css" media="only screen and (max-width:480px)"/> 内嵌样式表： <style> @media screen and (min-width:480px) { body{background:blue;} } </style>查看全部
-
css3-media query 常见属性; device-width,device-height (屏幕宽高) width，height (渲染窗口宽高) orientation (设备方向） resolution (设备分辨率) 基本语法： 外联css语法 内联样式的语法查看全部
-
响应式布局三种方法: 第一种：css3-madia query 最简单、最常用方式。 第二种:借助原生JavaScript 对于不支持css3-media query的浏览器，选择这种方式。但是成本高，代码量大，不推荐使用。 第三种：第三方开源框架 可以很好的支持浏览器响应式布局。查看全部
-
响应式设计的原则： 移动优先，在设计的初期需要考虑页面如何在多终端展示。 渐进增强，充分发挥硬件设备的最大功能。查看全部
举报
0/150
提交
取消