WebApp开发之--"rem"单位
来源:互联网 发布:iapp小易源码手册 编辑:程序博客网 时间:2024/05/18 00:20
一、rem是什么?
rem(font size of the root element)是指相对于根元素的字体大小的单位。
简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。
区别:它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。
二、为什么web app要使用rem?
这里我特别强调web app,web page就不能使用rem吗,其实也当然可以,不过出于兼容性的考虑在web app下使用更加能突显这个单位的价值和能力,接下来我们来看看目前一些企业的web app是怎么做屏幕适配的。
1、实现强大的屏幕适配布局:
最近iphone6一下出了两款尺寸的手机,导致的移动端的屏幕种类更加的混乱,记得一两年前做web app有一种做法是以320宽度为标准去做适配,超过320的大小还是以320的规格去展示,这种实现方式以淘宝web app为代表作,但是近期手机淘宝首页进行了改版,采用了rem这个单位,首页以内依旧是和以前一样各种混乱,有定死宽度的页面,也有那种流式布局的页面。
我们现在在切页面布局的使用常用的单位是px,这是一个绝对单位,web app的屏幕适配有很多中做法,例如:流式布局、限死宽度,还有就是通过响应式来做,但是这些方案都不是最佳的解决方法。
0 0
- WebApp开发之--"rem"单位
- WebApp开发之--"rem"单位
- WebApp开发之--"rem"单位
- 单位rem
- 移动端布局单位选择之rem
- webapp适配 rem实现
- webapp变革-rem
- 以rem为单位移动端页面开发
- 移动端开发(二):rem单位的计算问题
- 响应式布局之尺寸单位rem使用
- 单位REM的理解
- CSS3中的rem单位
- 如何使用rem单位
- 关于em && rem单位
- 移动端 单位 rem
- CSS3 相对单位rem
- 长度单位em rem
- rem单位换算
- sgu 214
- Ubuntu 14.04 安装 Nvidia 私有驱动并进行双显卡切换
- 外网如何访问内网数据库
- Readline Keys
- hhvnvrrrjdxbldf
- WebApp开发之--"rem"单位
- Linux字符设备编程(五)之struct class
- 那些年,我看过的杂书
- 黑马程序员——java基础——反射
- 11gR2 OUI安装界面的System Class和 Desktop Class
- php面向对象基本概念(Final关键字)
- java实现七种排序 (插入排序, 希尔排序, 插入排序, 快速排序, 简单选择排序, 堆排序, 归并排序)
- Node.js基础一 环境配置、JS基础、创建WebSite
- Bootstrap里的文件作用