在处理移动端自适应布局时,目前前端最流行的方法应该就是使用媒体查询,来设置HTML的字体大小,然后用rem为单位对Dom的宽高进行设置,这个方法的优势在于兼容性方面很好,劣势则在于当前市场上不同的机型太多,尺寸种类比较杂,所以要想做到所以尺寸机型都能适应,工作量相对比较大。目前也有人会选择用百分比进 ...
分类:
移动开发 时间:
2017-07-28 11:01:23
阅读次数:
179
调试环境: IDE:Xcode 8.3.3 IOS:10.3.2 iphone6 plus 真机接入调试app的时候报错:真机运行时 提示 设备密码保护The device is passcode protected. Please unlock your device and reattach. ...
分类:
移动开发 时间:
2017-07-19 23:20:07
阅读次数:
412
读懂这篇文章,RN布局不是问题 宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位 {width: 10}, 那么10代表的具体宽度是多少呢? 不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: 默认用的是iPhone6的模拟器结果是: 我们知道iPhone系 ...
分类:
其他好文 时间:
2017-07-04 11:18:40
阅读次数:
183
iPhone6和iPhone6 Plus上市有一段时间了。尽管大陆没有首发令人隐隐作痛,可是还是为iPhone6和iPhone6 Plus的设计的转变和大屏时代感到欣喜。 今天主要来mark下面通过xib方式来适配iPhone6和iPhone6 Plus的屏幕。 1.iPhone5分辨率320x56 ...
分类:
移动开发 时间:
2017-07-01 21:48:53
阅读次数:
225
以设计稿为准,假设设计稿竖屏宽度为750px,取根元素的font-size为50px 在iphone6(375px)下,deviceWidth=7.5rem, 这个就是viewPort中的deviceWidth, 所以fontsize计算公式为 font-size=deviceWidth/7.5 即 ...
分类:
Web程序 时间:
2017-06-22 10:12:39
阅读次数:
154
本文只针对两大手机阵营 Android和IOS 中的魅蓝metal 和 iPhone6进行样式对比。 ...
分类:
移动开发 时间:
2017-06-08 23:41:12
阅读次数:
259
background-size单独写是可以兼容大部分浏览器,但是写在一行, 在iphone6上不支持的 ...
分类:
其他好文 时间:
2017-06-05 12:46:00
阅读次数:
166
IPHONE6 近来1还不会开放NFC的API给开发人员,也就是仅仅能用来做支持了如今,可是能够肯定的是,以后肯定会放发出来的。就像指纹传感器一样,如今也开放出来了。前面5S的时候,还也没有放出来,小伙伴们。峁足劲干吧。!! Apple to limit iPhone 6 NFC to Apple ...
rem单位大家可能已经很熟悉,rem是随着html的字体大小来显示代表宽度的方法,我们怎样进行移动端响应式开发呢 浏览器默认的字体大小为16px 及1rem 等于 16px 如果我们想要使1rem等于 12px 只需设置html的字体大小为 12/16 及html的字体大小为font-size:75 ...
分类:
移动开发 时间:
2017-05-30 00:57:55
阅读次数:
652
rem 是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。 为什么web app要使用rem? 1、实现强大的屏幕适配布局: iphone6一下出了两款尺寸的手机,导致的移动端的屏幕种类更加的混乱,记得一两年前做web app有一种做法是以320宽度为标准去做适配,超过320的大小还是以 ...
分类:
Web程序 时间:
2017-05-23 14:28:04
阅读次数:
382