前言:在此以高度为示例,宽度问题可类推。在移动端开发中,经常遇到需要把一块内容定位于底部的情况,当页面内容不满一屏时,需要设为fixed,而超过 一屏时,需要设为static随页面顶到底部,此时就需要通过判断$(document).height()和$(window).height()的大 小来区分 ...
分类:
Windows程序 时间:
2016-07-20 17:36:54
阅读次数:
1313
-->
此时在所有的手机上都是document.document.clientWidth,也就是[layout viewport!!!]都是400px;
在渲染页面之前,浏览器需要知道layout viewport有多大,基于此浏览器可以计算比如20%的具体像素宽度是多少。如果没有指定,那么浏览器就会自己设定一个layout viewport。8个浏览器中有6个会设定为980px...
分类:
移动开发 时间:
2016-07-17 17:15:05
阅读次数:
482
1. translate 3d 容器中文字出现模糊 当容器的 translate 3d 属性中出现小数的时候,容器中的文字就会有一定的模糊,当该属性为*.5的时候,模糊的现象最严重。 translat3d(-341.5px, 0px, 0px); 当这个值为整数的时候,就ok 解决的方案是更新容器的 ...
分类:
移动开发 时间:
2016-07-15 13:18:21
阅读次数:
205
详细请看我的博客:http://www.haorooms.com/post/phone_web Xhtml和html5的区别:http://www.zhihu.com/question/20258628 一、关于meta (一)、常用的公共meta属性 1、viewport <metaname="v ...
分类:
移动开发 时间:
2016-07-14 11:45:21
阅读次数:
293
伴随着科技的发展,出现了各种型号的手机,导致了HTML5移动端开发人员对页面的实现要求更高了。目前来说,移动端的实现方法没有一个统一的标准,大家各自采用自己的实现方法,所以今天就给大家分享一下各大公司移动端页面的实现方法——导航栏
给大家分享之前,先说几句话。本文章主要给大家分享不同公司对移动端的实现采用了不同的方法。每一种方法各有各的好处,我们不能说哪一种方法好,哪一种方法不好。另外,这边...
分类:
移动开发 时间:
2016-07-13 16:53:34
阅读次数:
287
Emulation: 谷歌浏览器开发者工具中的插件 Device: 设备信息 像素比(device pixel ratio): iPhone5:1136*640 独立像素 iPhone5: 568 * 320 物理像素 像素比:2 很多专家说onclick这样的事件在移动端有半秒延迟 viewpor ...
分类:
移动开发 时间:
2016-07-13 09:09:54
阅读次数:
141
LazyloadImg介绍 LazyloadImg介绍 LazyloadImg 轻量级的移动端图片懒加载插件原生js开发,不依赖任何框架或库支持将各种宽高不一致的图片,自动剪切成默认图片的宽高。比如说你的默认图片是一张正方形的图片,则各种宽度高度不一样的图片,自动剪切成正方形。完美解决移动端开发中, ...
分类:
移动开发 时间:
2016-07-12 13:50:58
阅读次数:
253
一个网络请求可以简单分为连接服务器 -> 获取数据两个部分。其中连接服务器前还包括 DNS 解析的过程;获取数据后可能会对数据进行缓存。 一、连接服务器优化策略 1. 不用域名,用 IP 直连省去 DNS 解析过程,DNS 全名 Domain Name System,解析意指根据域名得到其对应的 I ...
分类:
移动开发 时间:
2016-07-11 17:09:08
阅读次数:
174
在移动端开发中,关于网络接口部分,有时候为了接口安全,需要在请求接口的时候,跟后服务端约好,每一个接口需要传递特定的当然签名数据,关于签名算法,服务端和移动端保持一致;当然这不是主要的,主要的是,如何获取设备的ip地址;废话不多说,直接上代码; ...
分类:
移动开发 时间:
2016-07-05 17:12:48
阅读次数:
445