获取样式函数封装 getClass()封装 仿jQuery $()获取元素 获取屏幕宽度兼容封装 ...
分类：
编程语言 时间：
2016-11-11 20:37:38
阅读次数：
144
分析了两列自适应布局的实现思路后，会觉得三列自适应布局的实现原理其实和他一模一样，不过是多了一个盒子而已。 第一类，浮动在前： 方法一：float+margin 方法二：float+BFC 第二类，主要内容在前： 方法三：float+负边距+relative 这里和两列布局有些不同，在两列布局中，. ...
分类：
其他好文 时间：
2016-11-11 01:29:40
阅读次数：
246
大杀器rem 我们可以知道，页面主体中规中矩，分为两部分：上半部分是介绍页面，下半部分是主体界面，有一个点击按钮来负责全部用户交互，为了适配iphone4到6plus以及众多安卓，我们对整个页面的架构可以有如下几种方案： 高度百分比 高度百分比方案——整个屏幕的主要高度高度都用百分比定位，比如介绍部 ...
分类：
其他好文 时间：
2016-11-09 19:31:32
阅读次数：
266
前言 这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局，项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊！！结合这次这个小项目，我觉得我也有必要对rem布局以及用法进行一次总结。 ps.文笔可能不太好... 1.什么是rem 来自于鹅厂ISUX ...
分类：
其他好文 时间：
2016-10-31 21:06:25
阅读次数：
957
devicePixelRatio window对象 有一个devicePixelRatio属性， 它的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。 获取设备独立像素(屏幕宽度) document.documentElement ...
分类：
移动开发 时间：
2016-10-29 19:01:09
阅读次数：
215
1.window对象 2.Screen对象 window.screen对象在编写的时候可以不使用window前缀。 3.Location对象 window.location对象在编写的时候可以不使用window前缀。 Location对象的属性： 1）返回完整URL：location.href 2） ...
分类：
Web程序 时间：
2016-10-26 16:30:59
阅读次数：
207
问题描述：在小米手机上，animation-fill-mode设置为 both时，在手机上的web页面会超出屏幕宽度，出现滚动条。 解决方法：animation-fill-mode设为none。 ...
分类：
Web程序 时间：
2016-10-24 15:52:18
阅读次数：
224
rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px设备 rpx换算px (屏幕宽度/750) px换算 ...
分类：
微信 时间：
2016-10-23 11:25:25
阅读次数：
602
微信小程序尺寸单位rpx以及样式相关介绍rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.rpx单位是微信小 ...
分类：
微信 时间：
2016-10-23 00:10:12
阅读次数：
291
rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？在解释这个单位前，我们先简单了解一下目前的主流的自适应布局解决方案： 响应式（Responsive web design ...
分类：
微信 时间：
2016-10-20 00:03:20
阅读次数：
354
