去掉a標籤或按鈕按下的高亮顏色
-webkit-tap-highlight-color:rgba(0,0,0,0);
文字處理
是否選中文字
user-select:none;
處理文字超出容器 出現省略號
單行文字超出 出現省略號
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
超出指定行數的文字 出現省略號
text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;
mobile 移動端字型
設計師們通常喜歡用微軟雅黑作為中文字型進行設計，於是我寫頁面的時候也定義font family為微軟雅黑，後來發到線上後，發現頁面的字型不是微軟雅黑，後來了解到的手機系統 ios android 等是不支援微軟雅黑字型，為了滿足頁面需要，保證視覺稿的還原度，手機端是如何定義微軟雅黑字型呢？字型問題雖...
實用的移動端布局技巧
1.新增meta，使得網頁在手機端能正常瀏覽 html 2.考慮是使用px，還是使用rem 對於只需要適配少部分手機裝置，且解析度對頁面影響不大的，使用px即可 如果需要高精度還原，適配各種手機，最好還是使用rem吧夥計們 1 使用px布局，寬度可使用百分比伸縮，高度使用固定畫素 html 40 6...
移動端布局
預設以寬度為640px的設計稿為基準頁面，然後通過js獲取當前顯示裝置的尺寸，對應的調整 html 標籤的font size大小，從而實現通過以rem為單位的移動端布局適配。function win,doc function layoutcalc html.style.fontsize rem px...