-
dpr為設備像素縮放比，在dpr>=2的時候為retina屏幕。
1px=(dpr)2*dp。
最常用：1px=2dp（寬度）。
移動端300ms延遲的主要原因是，移動瀏覽器上支持的雙擊縮放操作，和iOS上的雙擊滾動操作。
多行文本溢出css代碼（適用與webkit瀏覽器或移動端瀏覽器（大部分是webkit內核））：
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
touchstart、 touchmove、 touchend， event
查看全部 -
多行文本溢出
查看全部 -
常用的媒體查詢的參數
查看全部 -
移動設備默認做了兩件事情：
先把頁面渲染在一個980px(ios)的viewport里面
把頁面進行縮放
問題：為什么不能直接進行縮放
答案：屏幕變小了，但是對應的字體，圖片還是原來大屏幕下設置的大小，所以會出現寬度不夠現象，排版也就亂了。
查看全部 -
兩種開發方案
查看全部 -
通過meta標簽來改造viewport
查看全部 -
把頁面渲染在一個viewport里面，通過縮放查看
查看全部 -
本章內容小結圖
查看全部 -
對應的是上一個筆記
查看全部 -
ipone5:640*1134
物理像素：640*1134
邏輯像素：開發用的px
dp,pt:設備無關像素
dpr:設備像素縮放比(ipone5為2)
1px = dpr*dpr*dp
dpr為2的情況：
查看全部 -
tab基礎事件
查看全部 -
300ms的故事
查看全部 -
終端交互優化
查看全部 -
多行文本溢出解決方案
查看全部 -
不使用rem的情況
查看全部
舉報
0/150
提交
取消