移动端页面布局 一、移动端app分类 1、Native App原生app手机应用程序 　　使用原生的语言开发的手机应用，Android系统用的是java，ios系统用的是object-C 2、Hybrid App 混合型app手机应用程序 　　混合使用原生的程序和html5页面开发的手机 ...

最近的移动端项目终于告一段落了，其中遇到了不少问题，在此和大家总结分享。 首先，说一下结构。一般的手机页面大致可以分为五块：head, content, foot,solidbar,dialog. 针对这种布局，在此提供一种方式，这种方式使用了css3的一些样式属性。代码 ...

1.viewport viewport在移动页面中是相当重要的概念，引用两篇文章： 一篇真正教会你开发移动端页面的文章(一) 一篇真正教会你开发移动端页面的文章(二) 2.如何根据psd稿件，设计页面 在上面的后一篇文章有详细的说明，主要是设置 viewport 中的缩放比例，以及 HTML ...

最近切微信页面的时候，发现移动端的登录页面，带输入框的那种，如图： 从页面本身来看没有什么问题，上传至测试服务器，用iphone访问也没有什么问题，但是当同事用Android手机获取焦点后，问题来了， 软键盘调出后，输入框整体都被挤到了页面上方，内容覆盖了logo，页面瞬间low毙 ...

序 移动端的web网页使用的是响应式设计，但一般我们看到的网站页面都是跳转刷新得到的，比如通过点击一个menu后进入到另一个页面 今天来说下是移动端的单页面的布局。单页面就是一切操作和布局都是在一个页面下进行 不需要页面跳转 ，再通俗的说就是类似于平常的选项卡 但是他又比选项卡要复杂一点 ...

开发移动端页面和响应式布局 响应式布局 　　响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容 多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 　　由于响应式布局要针对不同的视口尺寸，对样式作出更多 ...

1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照 ...

一 怎么书写可以适用于不同设备的页面 　　　1 自动适应屏幕宽度 之 viewport --在html中添加meta标签:网页的宽度默认等于屏幕的宽度　　　　 　　　　扩展viewport属性： 　　　　1>width 设置viewport的宽度 ...