布局視口 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的頁面快取 先把磁碟內容讀入記憶體 建立頁面 建立好的頁面不會釋放而是儲存下來 頁面快取 ...