移動端 第十五章less rem media專案

2021-10-09 20:33:25 字數 898 閱讀 2651

1:移動端頁面設計稿尺寸:

--安卓手機尺寸:320px 360px 375px 384px 400px 414px 500px 720px

--蘋果手機尺寸:640px 750px

2:通過less+rem+@media 技術完成頁面在各個手機尺寸上的顯示

3:手機頁面的準備工作:

--ui設計師會先給移動端頁面設計乙個尺寸 如:蘇寧的尺寸是 750px

--前端開發人員再人為的把設計稿分為若干份 如:蘇寧分為 15等份

--(劃分頁面的份數的目的,只是為了求乙個基數值,在寫元素大小的時候可以進行換算)

--分完若干等份後,就可以算出不同尺寸頁面下 html裡面的font-size 字型大小大小

--如:750/15=50 750畫素的手機上的html

--如:720/15=48 720畫素的手機上的html

...--如:320/15=21.33 320畫素的手機上的html

4: 手機上元素的寬高就可以通過除以html裡面的字型大小大小,得到乙個rem相對單位的值

5:工作當中的研發流程:

--立專案 (專案的研發的時間)

--產品經理 去寫專案策劃書,專案說明書(對專案的介紹)

--產品經理/ui 做產品的原型圖 (原型圖出來後,前端就會開始研發)

--ui/ue 做專案的完稿 (因為稿子比較多,所以ui做完乙個,我們研發乙個)。

--前端研發 後端開發資料

--專案測試

--專案上線(專案完工)

第十五章預習

public class yuxi15 else 字串的比較 字串1.equals 字串2 比較兩個字串的值是否相同,返回boolean型別的值.如果相同,則返回真值,否則返回假值.字串1.equalsignorecase 字串2 忽略大小寫比較字串1和字串2.如果都相同則返回真值 否則返回假值 改...

learn with python 第十五章 繼承

第十六章 繼承 16.1繼承 物件導向語言所擁有的特性是繼承,繼承指定義乙個新的類擁有原來類的方法。繼承最大的好處就是可以在不改變現存 的情況下新增新的方法,稱之為繼承是因為新定義的類擁有父類的所有方法。新建立的類知之為子類。繼承是乙個功能強大的特性,某些情況下如果沒有繼承,一些層序幾乎無法實現。同...

第十五章 磁碟管理

uuid 掛載點swap 產品型別swap 掛載選項預設值default 預設不檢測,檢測順序 0 0 檢視分割槽 swapon s s表示show 手動掛載 swapon dev sda3 缺點 重啟後就消失,想永久生效,寫配置檔案 解除安裝分割槽 swapoff dev sda3 vim etc...