摘要：
一、rem手机屏幕适配方案1http://www.html-js.com/article/3041?utm_source=tuicool&utm_medium=referral 前提条件： 如果有一个区块，在psd文件中量出：宽高750×300px的div，那么如何转换成rem单位呢？ 公式如下： 阅读全文
posted @ 2017-02-11 00:25 Tokyomylove 阅读(127) 评论(0) 推荐(0) 编辑
摘要：
1.设备独立像素（device-independent pixels (dips)）设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像素。所以说，物理像素和设备独立像素之间存在着一定的对应关系 阅读全文
posted @ 2017-02-11 00:02 Tokyomylove 阅读(170) 评论(0) 推荐(0) 编辑
摘要：
来自http://www.cnblogs.com/2050/p/3877280.html 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但v 阅读全文
posted @ 2017-02-10 00:45 Tokyomylove 阅读(160) 评论(0) 推荐(0) 编辑
摘要：
大部分内容来自于博客地址：http://www.duanliang920.com/learn/web/html5/321.html 1.添加viewport标签 2、禁止将数字变为电话号码 3、iphone设备中的safari私有meta标签 它表示：允许全屏模式浏览，隐藏浏览器导航栏 4、ipho 阅读全文
posted @ 2017-02-10 00:16 Tokyomylove 阅读(182) 评论(0) 推荐(0) 编辑
摘要：
1）localStorage ： 本地存储，没有时间限制的数据存储，在服务器端存储 2）sessionStorage ： 会话存储，针对一个会话期的数据存储，在客户端存储，在窗口关闭后，存储的数据消失 设置方式：window.sessionStorage.key=value,window.local 阅读全文
posted @ 2017-02-07 21:01 Tokyomylove 阅读(235) 评论(0) 推荐(0) 编辑
摘要：
参考了one-page.js。为了实现头部尾部效果。我认为很有必要自己写一下，不然用原有的插件我不知道如何实现想要的效果。写的太随意了。以后再做改正吧。 $(function() { $('header').css({ marginTop: '-62px', transition: "all .25 阅读全文
posted @ 2017-02-04 15:47 Tokyomylove 阅读(262) 评论(0) 推荐(0) 编辑
摘要：
1.on()函数的返回值为jQuery类型，返回当前jQuery对象本身。2.jquery中设置背景图位置的方式。连接字符串： 3. 4.clientXY，offsetXY，pageXY的区别： offsetXY:是该事件发生的盒子模型里的坐标，与滚动条无关。clientXY：是整个浏览器可用部分里 阅读全文
posted @ 2017-01-24 18:56 Tokyomylove 阅读(104) 评论(0) 推荐(0) 编辑