web前端學習 第二十五天

2021-10-24 18:32:18 字數 1654 閱讀 2945

在pc端,螢幕1200 兩端留白

在pe端就不行,首先它沒有1200px那麼大的寬度,其次不能留白,很醜

就需要在手機螢幕上鋪滿內容

viewport

在移動裝置上進行網頁的重構或者開發,首先我們就要搞明白viewport,只有弄明白viewport概念以及與其相關的meta標籤的使用,才能更好的讓我們的網頁適配或者響應不同解析度的移動裝置

裝置螢幕上能用來顯示我們網頁的那一塊區域

獲取視口大小:document.documentelement.clientwidth

移動裝置上的瀏覽器會把自己預設的視口大小設為980px或者1024px(由裝置決定的)

各個瀏覽器預設的視口大小

使用缺省視口給網頁帶來的後果:出現橫向滾動條

因為瀏覽器的可視區域是比這個預設的視口大小要小一些

css中的1px在不同裝置或不同環境下都不一樣

在早先的移動裝置上(iphone3上,css的1px等於裝置的1px)

但是在iphone4開始,蘋果公司高分子顯示屏,會使解析度提高一倍從而使得螢幕更加的清晰,但是螢幕尺寸卻沒有變化,這意味著同樣大小的螢幕上,畫素提高了一倍,在這個時候css中的1px是等於兩個物理畫素的,其他移動裝置也是這個道理

還有乙個點,雙指放大功能,如果使用者把網頁放大一倍,那麼css中的1px也會相應的增加一倍,反之一樣 利用meta標籤對viewport進行控制在蘋果的規範中,meta viewport有6個屬性

這些屬性可以同時使用,也可以單個使用,多個屬性之間用逗號隔開 那麼剛剛的meta標籤有什麼作用呢? 寬度等於當前裝置的寬度,初始縮放倍數:1,最大縮放倍數:1,不允許使用者進行縮放操作 怎麼把螢幕鋪滿:rem w3cschool中給出的css尺寸單位:

rem是什麼 前面說「em」是相對與其父元素來設定字型大小,那麼這樣就會存在一些問題,進行任何的元素設定,我們都需要知道其父元素的大小,在我們多次使用的時候,就會帶來無法預知的錯誤,但是rem是相對於根元素,這樣的話,我們就只需要在根源上確定乙個參考值 瀏覽器的相容性 rem是css3新引進來的乙個度量單位,那麼瀏覽器對其的支援情況是否樂觀? 比如說火狐,蘋果瀏覽器,谷歌瀏覽器都相容,有乙個不相容那就是ie8(好慘) 以前的手機螢幕大小:320px 有乙個好辦法,將螢幕分成16份 每乙份就是320/16=20px 如果乙個div100px,5份 一直延續下來,一直是16份 由於技術的更新導致pe端裝置螢幕解析度變高,所以再分成十六份的話就會出現小數,不利於計算,所以我們只取一位小數四捨五入

px與rem的轉換:

(1) 取得1rem的畫素是多少

(2) 用想要轉換的px除以1rem的畫素

第二十五天

程序 資源分配的最小單元 程序的組成 程式 資料和程序控制塊 pcb 所有的排程都是提前準備的 程序的經典三態 執行 就緒 等待 父程序的id ppid 啟動程序的使用者id uid 排程演算法 1.先來先服務 2.短程序優先 3.高優先順序優先 4.時間片輪轉法 一般都是用這個 先來先服務演算法的...

第二十五天

學會了final的相關使用方法 明天學習abstract關鍵字 一 final關鍵字 final關鍵字是最終的意思,使用final修飾類,代表該類不能被繼承。final修飾方法表示該方法不能被重寫。final修飾變數,代表該變數是常量 1 final方法 使用final修飾方法時,該方法不能被重寫,...

linuxC學習第二十五天

只說明部分 自動宣告變數,預設時編譯器預設是auto。請求編譯器盡可能的將變數存在cpu的內部暫存器中。通過這種方式可以盡可能的提高效率。要注意的是,內部暫存器有限,不能全部放入暫存器中,因此只是盡可能的存放cpu的內部暫存器中 修飾靜態變數 全域性變數,區域性變數 靜態變數存放在記憶體的資料區 1...