1. 以圖換字的幾種方法，及優缺點？
- 首先，這樣的問題只有在：想保留鏈接的背景，但又要鏈接里的文字消失！這種情況下才用的多
- 然后怎么解決呢？
1.讓文字包裹層display:none方法，代碼如下
1 <style>
2 #logo a {background:url(test.jpg) no-repeat; width:195px; height:210px; display:block;}
3 #logo a span {display:none;}
4 </style>
5 <div id="logo">
6 <a href="URL" title="團購最低價，越團越便宜">
7 <span>團購最低價，越團越便宜</span>
8 </a>
9 </div>
注意幾點：a標簽要設置display:block，是因為a是inline元素，寬高由內容決定，現在文字display:none了，沒有寬高了，所以這樣會導致這個鏈接也就成了一個沒有熱區的鏈接了，點不到了。所以設置display:block就可以點擊到了！！！
- 如果你覺得加了span標簽覺得多余，可以考慮下面這種方法：
代碼：
1 <style>
2 #logo, #logo a {width:195px; height:21px;overflow:hidden; }
3 #logo a {background:url(test.jpg) no-repeat; padding-left: 195px; display:block;}
4 </style>
5 <div id="logo"><a href="URL" title="團購最低價，越團越便宜">團購最低價，越團越便宜</a></div>
原理; 利用paading把文字內容擠出容器，父元素注意添加overflow:hidden;
2. px和em和rem的區別？？
px:像素單位，是相對于屏幕分辨率而言的相對長度單位。
特點：
- px設置字體大小時，比較穩定和精確。
存在的問題，用戶瀏覽網頁，對頁面進行縮放，就會使Web布局打破。
em:也是相對長度單位
特點：
- 相對于父級元素內的字體大小再進行計算得出的。
注意的問題：在使用em作為單位時，body選擇器中聲明Font-size=62.5%；
rem:CSS3新增的一個相對單位（root em，根em），和em的區別在于使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。
特點：
既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。除了IE8及更早版本外，所有瀏覽器均已支持rem。對于不支持它的瀏覽器，應對方法也很簡單，就是多寫一個絕對單位的聲明。這些瀏覽器會忽略用rem設定的字體大小。例：
p {font-size:14px; font-size:.875rem;}
注意的問題：選擇使用什么字體單位主要由你的項目來決定，如果你的用戶群都使用最新版的瀏覽器，那推薦使用rem，如果要考慮兼容性，那就使用px,或者兩者同時使用。
px 與 rem 的選擇？
對于只需要適配少部分手機設備，且分辨率對頁面影響不大的，使用px即可 。
對于需要適配各種移動設備，使用rem，例如只需要適配iPhone和iPad等分辨率差別比較挺大的設備。
