1、響應式
2、移動端性能優化的方法
3、css sprite、icon font、svgfont實現小圖標的優缺點
4、編寫用CSS、HTML、JS實現手機端滑動效果的代碼
3、
icon font
優點:
- 字體文件小,一般20-50kb;
- 容易編輯和維護,尺寸和顏色可以用css來控制;
- 透明完全兼容IE6;
缺點:
只支持純色icon
- 瀏覽器將其視爲文字進行抗鋸齒優化,有時得到的效果並沒有想象中那麼銳利。尤其是在不同系統下對文字進行抗鋸齒的算法不同,可能會導致顯示效果不同。
- Icon Font 作爲一種字體,Icon 顯示的大小和位置可能要受到
font-size
、line-height
、word-spacing
等等 CSS 屬性的影響。Icon 所在容器的 CSS 樣式可能對 Icon 的位置產生影響,調整起來很不方便。 - 使用上存在不便。首先,加載一個包含數百圖標的 Icon Font,卻只使用其中幾個圖標,非常浪費加載時間。自己製作 Icon Font 以及把多個 Icon Font 中用到的圖標整合成一個 Font 也非常不方便。
- 爲了實現最大程度的瀏覽器支持,可能要提供至少四種不同類型的字體文件。包括
TTF
、WOFF
、EOT
以及一個使用 SVG 格式定義的字體。