设置好根结点字体大小，子节点用rem做单位，实现自适应。 一、css方案之媒体查询 设置html的font-size 二、js方案A 三、js方案B 四、js方案C ...
分类：
移动开发 时间：
2017-12-24 14:44:21
阅读次数：
178
媒体查询 我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。 栅格参数 通过下表可以详细查看 Bootstrap 的栅格系统是如何在多种屏幕设备上工作的。 超小屏幕 手机 (<768px)小屏幕 平板 (≥768px)中等屏幕 桌面显示器 (≥ ...
分类：
其他好文 时间：
2017-12-07 15:07:21
阅读次数：
187
屏幕分辨率 指在横纵向上的像素点数，单位是px，1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率，如iphone6/6s的分辨率：1334*750（这里的1像素指的是物理设备的1个像素点）其他机型的分辨率见http://blog.csdn.net/qq_27080247/artic ...
分类：
其他好文 时间：
2017-12-03 14:40:26
阅读次数：
1070
响应式布局的开发基础知识 本章主要分为以下几个部分 正确理解响应式设计 响应式设计的步骤 响应式设计需要注意的问题 响应式网页布局实现原理 第一：正确理解响应式布局 响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠 ...
分类：
其他好文 时间：
2017-11-18 17:28:09
阅读次数：
156
html5/css3响应式布局介绍 html5/css3响应式布局介绍及设计流程，利用css3的media query媒体查询功能。移动终端一般都是对css3支持比较好的高级浏览器不需要考虑响应式布局的媒体查询media query兼容问题 一个普通的自适应显示的三栏网页，当你用不同的终端来查看这个 ...
分类：
Web程序 时间：
2017-11-18 14:54:04
阅读次数：
282
准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user- ...
分类：
Web程序 时间：
2017-11-18 12:57:34
阅读次数：
560
原文链接：http://caibaojian.com/selectivizr.html 之前的两篇文章中讲到了如何让IE支持css3媒体查询，这篇文章是主要讲的是如何在IE6~IE8中使用css3的选择器。· Selectivizr是一个JS文件，你只需要引入如JQuery、Mootools、Pro ...
分类：
Web程序 时间：
2017-11-09 14:17:06
阅读次数：
287
以前制作手机页面时，总是很迷茫，不知从何着手，页面也不知如何处理。会用一些百分比啊，媒体查询啊，还有就是目测了，但是各种手机端的屏幕适配是个老大难的问题，没有做到百分百兼容的。自从发现了rem这个好东西，并且听了一位有经验同事的讲解，顿时豁然开朗，现在对于手机端的页面开发，可以说胸中有一点丘壑了。r ...
分类：
移动开发 时间：
2017-11-06 11:30:30
阅读次数：
260
1.首先什么是媒体查询？媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效..
分类：
其他好文 时间：
2017-11-06 11:26:47
阅读次数：
122
1，需要在头部添加：<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no″> 否则媒体查询里的width条件不好用，因为CSS像素是不变的； 2，添加 ...
分类：
其他好文 时间：
2017-10-29 19:36:48
阅读次数：
160
