一直对移动项目不是很熟悉，做的很少，用的都是一些百分比，恶补了一下。 一.首先看下头部。 format-detection翻译成中文的意思是“格式检测”，顾名思义，它是用来检测html里的一些格式的，那关于meta的format-detection属性主要是有以下几个设置：meta name="fo ...
分类：
移动开发 时间：
2016-08-19 17:30:02
阅读次数：
227
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 vi ...
分类：
移动开发 时间：
2016-08-12 18:12:48
阅读次数：
1635
随着移动端的不断推进，移动调试也成为了前端同学们面临的一个新的课题，在PC时代，我们直接打开chrome的检查元素面板。就可以解决大部分事情了。但是到了移动端，明明在电脑上模拟好的元素，在手机上就会乱掉。今天我们就来一起聊一聊移动前端调试的那些事儿。一起扩展我们的移动端调试手段~ 1 模拟手机调试 ...
分类：
移动开发 时间：
2016-08-11 09:54:12
阅读次数：
242
今天去面试，被问到一个用了一万次的东西，然而我并不了解具体是个毛毛，看这一篇豁然开朗。 DevicePixelRatio 以及这句话：移动设备上的viewport分为layout viewport 、 visual viewport 和 ideal viewport 三类。 然后为毛要 既写 wid ...
分类：
移动开发 时间：
2016-08-10 00:52:40
阅读次数：
214
移动前端重构实战系列：5-7章 2016-07-16 07:16 移动前端重构实战系列：5-7章 2016-07-16 07:16 （本文系来自腾讯imweb团队 结一大大 关于移动端重构经验以及思想的实战系列，推荐点击左下角的阅读原文。） ”本系列教程为实战教程，是自己移动端重构经验及思想的一次总 ...
分类：
移动开发 时间：
2016-08-02 20:55:52
阅读次数：
200
移动前端重构实战系列：5-7章 2016-07-16 07:16 移动前端重构实战系列：5-7章 2016-07-16 07:16 （本文系来自腾讯imweb团队 结一大大 关于移动端重构经验以及思想的实战系列，推荐点击左下角的阅读原文。） ”本系列教程为实战教程，是自己移动端重构经验及思想的一次总 ...
分类：
移动开发 时间：
2016-08-02 20:42:42
阅读次数：
261
响应式布局定义：将弹性网格布局、弹性图片、媒体和媒体查询整合起来，即为响应式布局。 一、媒体查询：支持不同的窗口 基本语法： 使用@inport指令可以在当前样式表中按条件引入其他样式表。如下例： 但是需要注意的是使用@inport方式会增加HTTP请求 媒体查询能够检测的性能有： width:视口 ...
分类：
移动开发 时间：
2016-08-01 00:17:20
阅读次数：
209
今天，测试给我提了一个BUG，说移动端输入emoji表情无法提交。很早以前就有思考过，手机输入法里自带的emoji表情，应该是某些特殊字符。既然是字符，那应该都能提交才对，可是为啥会被卡住呢？搜了一下，才发现，原来emoji用到的字符是4字节的utf-16（utf-16有2字节和4字节两种编码），而 ...
分类：
移动开发 时间：
2016-07-22 11:28:10
阅读次数：
277
本文来自大搜车博客：移动端自适应方案，主要讲：1.移动真的需要动态生成viewport吗？2.移动前端如何自适应？作者给出主观的最佳实践：最帅的flex。演示地址。里面讲了一些互联网公司的自适应做法，可以看看。 研究样本 一个月前去了css开发者大会，听到了手淘的自适应方案，想起之前一直就想了解ml ...
分类：
移动开发 时间：
2016-07-22 10:22:31
阅读次数：
372
使用rem实现自适应布局，应该算是当前移动前端的一大趋势，有些人对此还有点迷惑，搞不懂rem是如何实现自适应布局，如何根据设计稿来调整rem的值？rem布局如何用雪碧背景图片？rem一定要加载JS吗？rem的根html font-size设置为多少合适？看看这篇文章，也许能帮到你。 这些问题整理来自 ...
分类：
其他好文 时间：
2016-07-22 10:13:27
阅读次数：
199
