本文实现如下几个界面之间的平移动画实现 本文地址：http://www.cnblogs.com/wuyudong/p/5954847.html，转载请注明出处。 分析： 导航界面移动过程中,平移动画 上一页移入动画 (-屏幕宽度,y) >(0,y) 上一页移出动画 (0,y) >(屏幕宽度,y) 下 ...
分类：
移动开发 时间：
2016-10-13 02:15:40
阅读次数：
223
微信小程序尺寸单位rpx以及样式相关介绍rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.rpx单位是微信小 ...
分类：
微信 时间：
2016-10-12 19:41:03
阅读次数：
550
一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？ 其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-s ...
分类：
移动开发 时间：
2016-10-07 14:05:50
阅读次数：
206
(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 (响应式PC端媒体查询)电脑屏幕分辨率尺寸大全 时间：2015-08-17 16:50:40 阅读：3961 评论：0 收藏：0 [点我收藏+] 标签：style 代码 si sp bs im c res on PC端 按屏幕宽度大小排序（主流的用橙色 ...
分类：
其他好文 时间：
2016-09-30 12:27:22
阅读次数：
193
目的： 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉导航必须是一个。 所以我选择了将导航绝对定位。 ...
分类：
Web程序 时间：
2016-09-30 02:36:21
阅读次数：
212
当我们的浏览器在窗口最大化的时候，此时屏幕的宽度，就是我们桌面的分辨率。这个规则仅仅适用于PC！ 我们试图在iPhone中输出屏幕宽度，你会发现屏幕宽度是980！居然和PC屏幕差不多大！ 苹果主导的这些手机厂商，为了使用户获得完整web体验（就是让用户在手机屏幕上，也能够看见完整的PC网页）， 就大 ...
分类：
其他好文 时间：
2016-09-26 17:49:59
阅读次数：
114
<script type="text/javascript"> window.onresize = function(){ var myh1 = document.getElementById("shuchu"); myh1.innerHTML = document.documentElement. ...
分类：
其他好文 时间：
2016-09-26 13:07:03
阅读次数：
97
1、 在HTML头部增加viewport标签 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕 宽度，且不进行初始缩放。这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0 ...
分类：
移动开发 时间：
2016-09-25 22:27:37
阅读次数：
178
1、自适应页面：能使页面自适应显示在不同大小终端设备上的页面。2、响应式布局：一个网站能够兼容多个终端，而不是为每个终端都做一个特定的版本，实现响应式布局的方法：bootstrap和CSS原生代码两种方法。3、CSS原生代码是通过@Media媒体查询，改变屏幕宽度使其自适应。4、响应式布局中：单位1 ...
分类：
其他好文 时间：
2016-09-25 22:09:39
阅读次数：
140
webApp 开发总结接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不 ...
分类：
移动开发 时间：
2016-09-21 23:11:28
阅读次数：
260
