一、rem 1、意义：当px固定宽度不能适应不同屏幕尺寸时，布局需要，从而产生rem 2、rem 和 em 区别 2.1 rem: root，以根节点（html）作为参照的尺寸 2.2 em: 根据父级font-size确定大小 1em = 1font-size（父级的 ） 3、随着屏幕宽度的变化， ...
分类：
移动开发 时间：
2017-08-23 11:56:15
阅读次数：
200
viewport 视口(可视区窗口)设置详解 当我们试图在iPhone中输出屏幕宽度的时候，会发现屏幕宽度是980，居然和pc屏幕宽度差不多大 苹果主导的这些手机厂商，为了使用户获得完整的WEB体验，很多设备都会欺骗浏览器返回一个数值较大的视口，告诉浏览器，别以为我身子小，但是我想以980px宽度显 ...
分类：
移动开发 时间：
2017-08-22 01:51:58
阅读次数：
432
我之前写九宫格自适应布局的时候，每个格子是使用媒体查询器（@media）或者js动态设置css，根据不同的手机屏幕宽度，适配不同手机，但是这样有个很大的缺点，那就是移动端的屏幕尺寸太多了，就得写很多代码，才能实现我们想要的效果。 今天突发奇想，使用了纯css实现了我想要的效果，下面就和大家来分享，上 ...
分类：
Web程序 时间：
2017-08-21 20:34:37
阅读次数：
340
1、media 效果为屏幕宽度变化时，背景颜色也变化 2. 弹性图片 样式如下面的code .img 和 img ...
分类：
Web程序 时间：
2017-08-13 22:12:08
阅读次数：
152
window window对象不但充当全局作用域，而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。 screen screen对象表示屏幕的信息，常用 ...
分类：
Web程序 时间：
2017-08-09 22:17:33
阅读次数：
148
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括 ...
分类：
移动开发 时间：
2017-08-07 16:37:40
阅读次数：
233
一．移动设备优先 在 HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的 meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。 //分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放 <meta name="viewport" content="wi ...
分类：
其他好文 时间：
2017-07-31 21:13:23
阅读次数：
150
问题一，分辨率Resolution适配：不同屏幕宽度，html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。 问题二，单位英寸像素数PPI适配：使用rem单位，文字会发虚。段落文字，使用px单位，用media query或js来适配。标题文字可以直接使用rem单位。 问题三，设备像素比 ...
分类：
移动开发 时间：
2017-07-29 22:16:05
阅读次数：
276
一. 在HTML的头部加入meta标签 在HTML的头部，也就是head标签中增加meta标签，告诉浏览器网页宽度等于设备屏幕宽度，且不进行缩放，代码如下： <meta name="viewport" content="width=device-width,user-scalable=no,init ...
分类：
移动开发 时间：
2017-07-11 00:53:50
阅读次数：
533
<script> function move(keynum) { //获取屏幕宽度 var w=screen.availWidth; //获取屏幕高度 var h=screen.availHeight var d = document.getElementById("dv"); //创建随机数，也就 ...
分类：
移动开发 时间：
2017-07-05 13:20:49
阅读次数：
182
