![如何快速学习：[1]Swift编程语言](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2f57a949fd01b1edef5dc13fa.jpg)
如何快速学习：[1]Swift编程语言,Swift，苹果于2014年WWDC（苹果开发者大会）发布的新开发语言，可与Ojective-C*共同运行于MacOS和iOS平台，用于搭建基于苹果平台的应用程......
2023-03-17 350 编程语言
怎样使用flexible.js实现移动端设备适配
来源：互联网
2023-03-17 00:16:31 版权归原作者所有，如有侵权，请联系我们
移动端web开发越来越火，同时移动端适配也是一个很让人头疼的事情，你不能让一个同样大小的元素在不同的设备上都显示一样大小。（iphone6和iphone4下大小肯定是应该不一样的，否则用户体验很差）。
下面我将以750px的设计稿为例，分析如何制作一个适配多终端的页面。
最终的效果图
iphone6下：
iphone4下：
方法/步骤2
在此之前，要先了解下面几个概念：
css像素
物理像素
devicePixelRatio
layout viewport
visual viewport
ideal viewport
了解我们使用的库flexible.js：
手机淘宝从2014年中开始，全面推行flexible设计。什么叫flexible呢？其实flexible就是responsive的低端形态和基础。
手机淘宝用JS来动态写meta标签，手机淘宝的flexible方案是综合运用rem和px两种单位 js设置scale和html字体。我们可以在GitHub上找到这个项目，可以通过网上查阅资料了解更多。
了解一个sublime text插件，加快我们的开发速，这个不是必须，也可以自己手动计算。
我所做页面的设计稿是750px的，有图有真相。
以顶部为例，介绍如何制作，首先还是看设计稿。
通过ps获得顶部的高度，在750设计稿上96px,所以我们要用96/(750/10)，得到对应的rem值。
最后来看一看我们写的html,css，以及最终生成的html。
最后来看一看我们写的html,css，以及最终生成的html
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
web图表开发工具FineReport：[11]连续分组详细阅读
![web图表开发工具FineReport：[11]连续分组](https://exp-picture.cdn.bcebos.com/6002c9d4483104eb360a59bb092b74ee1d324e01.jpg)
web图表开发工具FineReport：[11]连续分组,数据库表数据是按照时间先后录入的，查询的时候希望按照时间先后，某个字段连续相同的话就合并起来显示，这样的报表可以通过相邻连续分组来实现。......
2023-03-17 574 编程语言
- 详细阅读
