移動WEB開發筆記

2021-09-25 23:07:07 字數 1018 閱讀 4312

布局視口 layout viewport 字太小,手動縮放網頁

視覺視口 visual viewport 左右滑動看

理想視口 ideal viewport

理想視口

物理畫素 /物理畫素比(dpr)

物理畫素 :螢幕顯示的最小顆粒 螢幕解析度

物理畫素比:1px能顯示的物理畫素點的個數

背景縮放background-size

background-size:寬度 高度;

background-size:寬度;高度等比縮放

background-size:百分比;相對父盒子來說

background-size:contain;乙個邊頂滿盒子,就不在縮放,可能留白/等比縮放

background-size:cover;兩個邊全部頂滿,完全覆蓋盒子,可能顯示不全/等比縮放

css3移動端盒子模型

box-sizing: border-box;

padding 和border不會撐開盒子

清除高亮:

tap-highlight-color:transparent;

按鈕外觀亮光效果:

禁用長時間按頁面彈出選單:

touch-callout:none;

背景漸變

1.單獨製作移動端頁面

2.響應式頁面相容移動端 responsive

一套頁面可以適配pc端(container)和移動端(container-fluid)

應用場景:適合簡單的頁面

響應式布局容器:(版心)container

空格隔開

background()

transform-origin()

translate(,)

rotate(,)

scale(,)

開發web前端 web前端 開發筆記

我是孟噠噠一名web前端開發工程師,今天給大家分享一下web前端是的一些筆記應用,希望對你們有幫助。物件導向是乙個開發思想,它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象,為什麼是抽象?因為不是具體的,也就是說不是實實在在存在的東西 看不見摸不著 2...

Web電子籤整合開發筆記

前一段時間接觸到電子簽名的整合開發,一直沒寫筆記,故寫此隨筆。為記錄 也為分享,希望大家對本文的不足之處加以指正。首先先一一介紹我所用到的方法 確定生成檔案格式 var ext bmp if m ulformat 2 else if m ulformat 3 else if m ulformat 4...

《大規模 web服務開發》筆記

大規模服務 可擴充套件,負載均衡,保證冗餘,低運維成本,開發人數和開發方法的變化 資料處理 磁碟 記憶體 快取 cpu 障礙 持續增長的服務,無法在記憶體中計算 記憶體要比磁碟快10 5 10 6倍 linux的頁面快取 先把磁碟內容讀入記憶體 建立頁面 建立好的頁面不會釋放而是儲存下來 頁面快取 ...