一、什么是移动端适配 移动端 Web 页面，就是常说的手机 h5页面、webview页面、公众号开发的网页等。 由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的 web 页面适配，就是为了在不同设备上，页面能够保持统一 ...

以iphone6设计图为基准 做法一: 做法二: 两者页面元素尺寸都以rem为单位，但是文字字体大小不要使用rem换算， 而是使用媒体查询来进行动态设置，比如下面的代码就是网易的代码： 或者： ...

移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼，但又不得不去适配一款又一款的新机型。对于移动端适配，不同的公司、不同的团队有不同的解决方案。我在项目中也用了一部分解决方案，也看到了一些解决方案，对比下，总结一些自己的理解，希望 ...

Flexible承载的使命 Lexible到今天也有几年的历史了，解救了很多同学针对于H5页面布局的适配问题。而这套方案也相对而言是一个较为成熟的方案。简单的回忆一下，当初为了能让页面更好的适配各种不同的终端，通过Hack手段来根据设备的 dpr 值相应改变 标签中viewport的值 ...

移动端页面适配———多方案解析 在移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼，但又不得不去适配一款又一款的新机型。对于移动端适配，不同的公司、不同的团队有不同的解决方案。我在项目中也用了一部分解决方案，也看到了一些解决方案，对比下，总结一些 ...

转自 一、关于移动端兼容性 目前针对跨终端的方案，主要分为两大阵营：一套资源Vs两套资源。 　　第一种是通过响应式或页面终端判断去实现一套资源适配所有终端； 　　第二种是通过终端判断分别调取两套资源以适配所有终端。 　　这两种思路我们并不能 ...

一、关于移动端兼容性 目前针对跨终端的方案，主要分为两大阵营：一套资源Vs两套资源。 　　第一种是通过响应式或页面终端判断去实现一套资源适配所有终端； 　　第二种是通过终端判断分别调取两套资源以适配所有终端。 　　这两种思路我们并不能斩钉截铁的说哪一个更优选，正所谓”合适的才是 ...

　　前言 　　页面自适应PC端、移动端大体上可以分为两种： 　　1、在同一个页面进行自适应布局，通常使用CSS3 @media 媒体查询器实现 　　2、两套页面，在后端进行统一适配，根据不同的浏览器UA返回对应的页面 　　本文记录在java后端进行PC端、移动端页面适配的方案 ...