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

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

做了一组移动端的页面，在布局时遇到了一些问题，总结下以避免再次掉坑。 遇到的问题： 1.图片及带背景图片的块宽高等比缩放布局 2.margin,padding百分比布局 图片及带有背景图片的块的图片宽高等比缩放 纯图片可以使用img标签，将其 ...

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

前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧 内容有些长，这也是我第一次写博客 ...

该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版) 相信很多刚开始写移动端页面的同志们都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem ...

前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧 内容有些长，这也是我第一次写 ...

之前发过一篇文章《移动端应该如何动态设置字体大小？》，主要说了移动web端布局的一些解决方法，本文再一次把这个问题提出来，并分别对安卓和IOS设备的屏幕了解做出自己的分享，在进入正文之前最好先了解：物理像素、逻辑像素、DPR和Rem。 那么进入正文，不废话，直接把自己了解到的和一些看法说 ...