在移动端可以做到适配不同的手机分辨率，如果保持整体缩放，没有设计上的差异可以不需要用到`media query`假设设计师的视觉稿是按照iPhone6的宽度来设计的，即375px (如果是高清的视觉稿750/2=375)那么，我们可以完全按照视觉稿上的尺寸来赋值给元素的样式，比如视觉稿上的尺寸是80 ...
分类：
其他好文 时间：
2016-09-05 10:40:21
阅读次数：
133
lineheight在pc端上显示很正常，但是在手机就很不同，在iphone6上，设置了lineheight，但是文本上面多了几像素，如果你设置lineheight在35px一下的按钮（用span做的），会发现很明显的不水平居中。 百度寻找，发现是手机渲染不一样，但没有用css怎么去兼容的问题，于是 ...
分类：
移动开发 时间：
2016-09-01 12:33:41
阅读次数：
2639
平时在移动端开发拼页面的过程中总会遇到一些问题，主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧，希望对看官有所帮助！ 本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。 一、line-height line-he ...
分类：
移动开发 时间：
2016-08-18 14:23:13
阅读次数：
208
iOS App图标和启动画面尺寸 注意：iOS所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的。 1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180 for iPhone 6/5s/5/4s/4(@2x) : 120 x 120 2. 系 ...
分类：
移动开发 时间：
2016-08-17 12:14:52
阅读次数：
176
自iphone4s以后，苹果先后推出了iphone5、iphone5s、iphone6、iphone6plus、iphone6s、iphone6splus这些新的机型，它们的屏幕大小各有所异，从此给我们开发者留下了一个蛋疼的问题：屏幕适配。 1、显示坐标定位方式：在4和4s的时代，我们采用显示坐标定 ...
分类：
移动开发 时间：
2016-08-11 10:04:56
阅读次数：
294
以iPhone6为基准：设计稿为750 * 1334 px 状态栏(status bar)：就是电量条，其高度为：40px 地址栏(navigation)/APP顶部栏：就是顶部条，其高度为：88px，各浏览器不同 菜单栏(submenu，tab)/APP底部栏：其高度为：98px，各浏览器不同 内 ...
分类：
其他好文 时间：
2016-07-15 19:23:05
阅读次数：
1806
这方面的知识一直一知半解。从前看过一些文章，也没有豁然开朗的感觉。今天看了这篇http://div.io/topic/1092感觉明白了一些，不论是否正确，先做记录，留待日后验证。 1. 物理像素、CSS像素与位图像素 物理像素是设备本身用于渲染画面的最小显示单元。我们平时买手机，比如iphone6 ...
分类：
移动开发 时间：
2016-07-13 15:58:41
阅读次数：
168
iPhone5 iPhone6 iPhone6Plus iPad设备 media query（媒体查询）代码. iPhone < 5: iPhone 5: iPhone 6: iPhone 6Plus: iPad: ...
分类：
Web程序 时间：
2016-07-13 11:57:49
阅读次数：
157
注意：iOS所有图标的圆角效果由系统生成，给到的图标本身不能是圆角的。 1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180 for iPhone 6/5s/5/4s/4(@2x) : 120 x 120 2. 系统搜索框图标 (Spotlight ...
分类：
移动开发 时间：
2016-07-13 11:55:28
阅读次数：
183
兼容iphone各版本机型最佳的方式就是自适应。 1、viewport 简单粗暴的方式： 1 <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 1 <meta name="viewport" c ...
分类：
其他好文 时间：
2016-07-12 18:55:02
阅读次数：
201
