基本概念: 屏幕尺寸 屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等 屏幕分辨率 屏幕分辨率是指在横纵向上的像素点数，单位是px，1px=1个像素点。一般以纵向像素*横向像素，如1960*1080。 屏幕像素密度 屏幕像素密度是指每英寸上的像素点数，单位是...
刚开始，我开发时选取的模拟器是WVGA854，其分辨率为854*480。我开发完毕后装在800*480的手机上时感觉很OK，但是装到480*320、以及320*240分辨率上的手机时，很多界面都变形了，这时我感受到了app自适应的重要性。 自适应主要会遇到两个大问题：横屏和竖屏的切换，以及分辨率大小不同。 一.当横屏切换成竖屏...
1、https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html （使用Flexible实现手淘H5页面的终端适配） 2、http://blog.csdn.net/u010377383/article/details/77963973 （Flexible实现手淘H5页面的rem布局适配）...
http://my.oschina.net/u/2008084/blog/496161 一、适配可行性 早在Android设计之初就考虑到了这一点，为了让app适应标准or山寨屏幕，google已经有一套成熟的解决方案。其中，有这么几个指标需要注意： （1）屏幕尺寸：单位inch，指的是屏幕对角线长度。 （2）屏幕密度：单位dpi，指的是每in...
一、首先需要明白的几个概念 1、屏幕尺寸：也就是我们平常所说的某某手机几寸屏。比如苹果的4.7寸， 荣耀6的5.5寸。这里说的寸是英寸（1 英寸 = 2.54 厘米）。 计算方法：屏幕尺寸=对角先尺寸(cm) / 2.54(cm) 一般用英寸表示。1英寸=2.54cm 2、分辨率：屏幕上显示的像...
Android系统发布十多年以来，关于Android的UI的适配一直是开发环节中最重要的问题，但是我看到还是有很多小伙伴对Android适配方案不了解。刚好，近期准备对糗事百科Android客户端设计一套UI尺寸适配方案，可以和小伙伴们详细的聊一聊这个问题。 Android适配最核心的问题有两个，其一，就是适配的效率，即把设计图转化为App界面的过程是...
（注：文章简要翻译自 Apple 《iOS 7 UI Transition Guide》，由于该文档为开发者预览版，并非最终文档，所以 iOS7 正式上线可能有部分不同） 准备工作 iOS7 带来了很多界面上的改变，如：没有边框（圆角）的按钮，半透明的工具条（UINavigationBar, UIToolBar 等），视图控制器的全屏布局等。使用 Xcod...
我在开发前端的时候曾经会有几个疑惑： 1）拿到的设计搞的宽度是640px或750px的，在页面不同尺寸屏幕布局的时候怎么换算。 2）移动端布局是用%、px、rem、伸缩盒 Flexible Box Layout还是多列Multi-column。 3）用px设置了字体大小，但是在ipad上面显示的却很小，字体大小是用rem比较好还是px+媒体查询比较好。 4...
最近项目中发现个别Android手机中存在弹出的软键盘会遮挡输入框的现象，最后自己写了一个方法（如下），问题基本解决。 记录下来，防止忘记。有什么不对的地方欢迎指正。O(∩_∩)O 1 //键盘适配 2 console.log(navigator.platform); 3 $('input ,textarea').focus(function() {...
本文引自：http://www.cnblogs.com/xianyulaodi/p/5533201.html 摘要：在进行移动端界面的书写的时候，如果把宽度高度或者字体大小全部写死的话，那么在所有手机上看到的大小都一样，存在的问题就是同样大小的字体，或者一个盒子模型， 在大屏幕手机上看起来会有点偏小。比如iphone6PLUS。如果是做成适配的话，就很好...