移动网页rem设计（中国移动网页设计）
本文目录一览：
网页设计里的字体怎么改变rem格式?
1、需要注意的是，为了兼容不支持rem的浏览器，我们需要在rem前面写上对应的px值，这样不支持的浏览器可以优雅降级。
2、在实际应用中，pc页面需要实现响应式的比例缩放（即自适应），rem灵活布局是一种现实而理想的解决方案。移动端可以用rem布局，也可以用px（主要是flex），这要看产品是怎么设计的。
3、rem页面与px页面如何衔接？需要自己设置，一般是1rem=14px，单位和px的布局是一样的，只是单位不同而已，所以不必纠结 CSS里面，rem是什么单位？rem是一个相对单位，相对根元素字体大小的单位。
4、首先要设置适当的根元素字体大小，具体数值可以根据设计稿设定。其次，rem值始终与字体有关，因此在使用时需要关注字体样式，特别是在使用中文时注意字体的行高和字体大小的搭配。
5、= size + px；}）.trigger（resize）； 这一块代码用来进行px和rem 转换的 样式里面写font-size：0.5rem； 根据大小自己调节 就可以了。。
6、默认情况下，浏览器的字体大小通常为16px，但是用户可以将其更改为9px到72px之间的任何值。 根html元素将继承浏览器中设置的字体大小，除非明确设置一个固定值来覆盖它。
网页布局方法
1、“T”结构布局 所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。
2、因为菜单背景饺探，整体效果类似英文字母T，所以称之为T型布局，这是网页设计中使用最广泛的一种布局方式。
3、网站建设中网页设计布局大致可分为：“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型这九种。
4、常见的网页布局结构左右框架型布局——左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。
5、流动布局（html网页默认的布局方式）特点：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。内联元素都会在所处的包含元素内从左到右水平分布显示。
6、三字型布局在页面上由横向两条色块，将网页整体分割为三部分，色块中大多放置广告条与更新的版权提示。
前端rem是什么意思
在前端开发中，我们经常会听到rem这个词，它其实是根据根元素字体大小进行计算”的意思，即相对于HTML文档根元素的字体大小来计算。因为rem是相对于根元素计算的，所以它在不同屏幕大小下都能够很好地适应。
px像素，相对长度单位。像素px是相对显示器屏幕分辨率而言的。用于元素的边框或者定位。em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。
rem：是相对于跟元素的字体大小。即：body 定义的字体的大小。所以使用起来比较方便。
Rem是一个相对长度单位，通过它可以实现元素宽度和高度的比例缩放，从而完成不同宽度屏幕的适配。响应式布局（媒体询问）通过样式动态查询屏幕的宽度，动态切换样式以适应不同宽度屏幕的布局。自举是最典型的一种。
rem是css3新增的属性，也是一个相对单位 特点：rem只相对于HTML根元素，所以通过rem既可以设定页面根元素就成比例的调整所有字体的大小，有可以避免字体大小逐层复合的连锁反应。
‘r’是“root”的缩写，意思就是1rem等于根元素的字体大小；大部分情况下，根元素就是元素了。html{font-size：14px；}div{font-size：2rem；}这样在上面的那三个嵌套的div娃们的字体大小都是2*14px=18px了。
em和rem布局怎么使用Em和rem
移动端可以用rem布局，也可以用px（主要是flex），这要看产品是怎么设计的。Css3规定1rem的大小是根元素html>的字体大小的值。Rem其实是一个单位，是一个相对的单位根em。
em 和 rem 都是相对单位，由浏览器转换为像素值，具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem，它可以被浏览器解析成 从16px 到 160px 或其他任意值。
方法一：所有布局用百分比布局，这种方法是比较传统的。
则1em等于英文大写字母“M”的宽度。操作方法如下：首先新建一个html和css文档。chrome默认是16px大小。1em就是继承父元素不变。2em这里就是32px。1rem在这里也是16px，因为浏览器默认16px。
当显示区域改变时，页面布局将按比例改变。 流式布局强调适应屏幕宽度的变化。在实际应用中，往往设置为适应宽度，而高度是不变的。当页面变大时，页面布局会水平加宽。
移动端布局、手机屏幕尺寸(rem,vw,vh)及分辨率
移动端屏幕尺寸：屏幕对角线的长度，单位是英寸（1英寸=54厘米）。常见的尺寸有：4，8，5，7，2，0，5，0 什么是屏幕分辨率？屏幕分辨率：指横纵方向上的像素点数，单位为px，1px=1个像素点。
Vw（宽）、vh： 把屏幕分为100份，1vw等于屏幕的1 给文件根元素设置font-size值（会影响字体，但可以解决） //以iphone6为例，尺寸375，此时font-size=100px。
1vh 等于1/100的视口高度，1vw 等于1/100的视口宽度 比如：浏览器高度900px，宽度为750px， 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 5 px， 很容易实现与同屏幕等高的框。
px 与 rem 的区别：CSS3 特性 vh 和 vw：这里是视窗指的是浏览器内部的可视区域大小，即 window.innerWidth/window.innerHeight 大小，不包含任务栏标题栏以及底部工具栏的浏览器区域大小。
