-
grid system 多列布局查看全部
-
<!-- A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more) --> <!--[if lt IE 9]> <script src="../respond_js/Respond-master/dest/respond.min.js"></script> <![endif]-->查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1.0" />查看全部
-
web server 下面部署 respond.js ； 防止 crossorigin 错误！查看全部
-
CSS3 Media Query查看全部
-
css3_Media Query查看全部
-
getbootstrap.com查看全部
-
media query 语法{ 1.内嵌式@media screen and(min-width:480px){css}, 2.外链式<link src="style.css" media = "only screen and (max-width:480px)"/> }查看全部
-
media query实现不同设备的响应式布局查看全部
-
响应式设计的原则查看全部
-
css3 Media Query：常见的属性：device-width/device-height 屏幕宽高（物理属性） width/height 渲染窗口宽高 orientation 设备方向 resolution 设备分辨率 基本的语法：外联css/内嵌样式的语法 <style> @media screen and (min-width:480px){ body{background:blue;} } </style> <link type="text/css" rel="stylesheet" href="link.css" media="only screen and(max-width:480px)"/>查看全部
-
css3 Media Query：常见的属性：device-width/device-height 屏幕宽高（物理属性） width/height 渲染窗口宽高 orientation 设备方向 resolution 设备分辨率 基本的语法：外联css/内嵌样式的语法 <style> @media screen and (min-width:480px){ body{background:blue;} } </style> <link type="text/css" rel="stylesheet" href="link.css" media="only screen and(max-width:480px)"/>查看全部
-
响应式布局优点：解决了设备只见的差异化展示 缺点：兼容代码多工作量大加载速度受影响 响应式设计的原则：移动优先：在设计的初期就要考虑的页面如何在多终端展示 渐进增强：充分发挥硬件设备的最大功能 实现方法介绍：css3-Media Query最简单的方式 接住原生javascript成本高不推荐使用 第三方开源框架，可以很好的支持浏览器响应式布局的设计查看全部
-
width,height指的是浏览器的物理高度查看全部
-
CSS3-Media Query查看全部
举报
0/150
提交
取消