移動端網頁項目總結

時間 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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。