calc()是CSS3的一個計算長度單位的新功能，能使用數學四則運算方式。

1. 使用“+”“-”“*”“/”四則運算；

2. 可以使用百分比、px、em、rem等單位；

3. 可以混合使用各種單位進行計算。

例：
.thing {
  width: 90%; /* fallback if needed */
  width: calc(100% - 10px);
  width: calc((100% - 12px) / 2);
  width: calc(100%/3 - 2*1em - 2*1px);
}

4. 使用時，"+" & "-" 兩邊需加空格(一定要加)， "*" & "/"兩邊是不用加空格(要加也是可以)

5. 瀏覽器的支援：IE9+ , Firefox4.0+ , Chrome , Safari , iOS Safari6.0+ , Android Browser 4.4+
   寫法： width: -moz-calc((100% - 12px) / 2);
              width: -webkit-calc((100% - 12px) / 2);
              width: calc((100% - 12px) / 2);
 

在PC版網站上，由於記憶體很大，background-image的圖，沒有甚麼大小限制，但在手機網站上，由於各家手機記憶體不一，
以iPhone 3GS為例，記憶體只有256mb，所以apple有限制背景圖的大小，以下是原文出處連結
https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html

大致上來說，iPhone記憶體若是低於256mb 圖片最大不能超過3百萬畫素(長x寬的總像素)，但實際上測試iPhone 3GS在ios6系統上，若是超過2百萬畫素，就會無法正常顯示，這是iPhone的bug。

 .mobile-share_fb{ display:block; background:url("http://www.shopunt.com/css/mobile/images/mobile-s9398562778.png") no-repeat; background-position: 0 -1648px; height: 80px; width: 80px;} 

 .shrink-attr{ background-size: 152px 2104px; width: 40px; height: 40px; background-position: 0 -824px;} 

 .fb-test{ display:block; background:url("http://www.shopunt.com/images/logo_welcome.jpg") no-repeat; background-size:50% 50%; width: 105px; height: 105px;} 

 

公司有些人需要到特定主機做測試之類的，這時需要改windows系統的hosts檔案，由於hosts是系統檔，必須要有編輯權限才能編輯，所以這次教大家如何更改檔案權限。

首先先到要修改的檔案位置，在檔案下按右鍵選"內容"如下圖


接著按下"安全性"如圖


在群組或使用者名稱下選擇users會發現system權限只有讀取跟執行，如圖


這時，按一下右下的按鈕"編輯"進入編輯模式後，再選擇users，如圖


在users的權限下，點選"完全控制"後，再點"套用"或"確定"，
即可將此檔案內容做修改，如圖


PS. 通常在幫domain使用者修改系統動作時，會需要管理者密碼，所以會有以下兩種情況發生：
1. 當修改檔案為"完全控制"時，若跳出輸入管理者帳號密碼視窗，此時輸入後即可完成權限修改，再對此檔案做修改。
2. 當修改檔案為"完全控制"時，若跳出無法修改的視窗，這時需要先登入電腦到管理者帳號，再到此檔案(如hosts)，
   按照剛剛上述的步驟操作修改權限，完成之後。再登入原先使用者帳號，再對此檔案做修改。