移动端网页项目总结

时间 2019-11-11

标签移动网页项目总结栏目无线繁體版

原文原文链接

经过这次项目，对于移动端的网页制做有了初步的了解，同时也对css的布局更为熟练，对响应式布局也有了初步的认识。css

在移动端的网页制做中，因为手机的尺寸和分辨率与pc端有较大的出入，故而为了让所制做的网页可以很好地匹配手机，必须在网页的头部设置viewport的值：html

<meta name="viewport" content="width=750,maximum-scale=1,user-scalable=no" />

上面所设的值表示移动端中，移动设备为宽度为750，最大比例为1。布局

设置了上面的值后，咱们在制做移动端网页时即可以将所测量的值直接赋予网页的各个模块中。字体

一般，一个项目中各个网页中会有许多相同或类似的结构，这时，咱们能够将这样的网页结构的样式写在公共的样式文件中，在须要时直接在网页中添加相同的类名，这样作能够有效地提升工做效率。spa

在响应式布局中，咱们能够为文档设置字体的大小，如scala

<html font-size="100px">

。这样一来，在设置其它的模块大小时，咱们只须要将其单位写为rem，其值为文档字体大小的相对值。如：htm

div{width:2rem;height:2rem;}

将div的宽度与高度都设置为了200px。blog