CSS媒體查詢百分比解釋

Question

我知道這是基本問題，但我無法弄清楚這一點。內部WordPress主題CSS文件我看到這個代碼（CSS媒體查詢）。

.site-content { 
    float: left; 
    width: 65.104166667%; 
} 

所以我的問題是：爲什麼寬度百分比設置這種方式，而不是隻有65.1％？

怎麼沒人說編碼的網站知道是寬度必須正好65.104166667％，而不是65.104166666％（他/她是用什麼工具來得到正是百分比數）？

最後是什麼好處/風險使用這種方法？

如果有人能通過回答或鏈接指向我正確的方向，我將非常感激。

Answer 1

看到這篇文章的迴應式網頁設計：http://alistapart.com/article/fluidgrids

正如你所看到的，有改變像素寬度（固定寬度）成比例基本公式。如果你讀了文章，你會看到，計算公式爲：

目標/背景=導致

或者換句話說：

的您所瞄準的寬度（以像素爲單位）除以瀏覽器的默認字體大小（通常爲16px）等於以ems或百分比表示的寬度。

您的默認字體大小劃分的原因是，爲什麼在小學科學實驗，你需要對照物質一樣的道理。用來比較其餘實驗的中性物質。

所以要得到65.1041 ...等等，這個人將他們想要的寬度以像素爲單位進行劃分，然後達​​到這個百分比。百分比和EMS是您想要在網頁設計中使用以實現響應式網站的度量單位。所需要的只是一些簡單的數學。

我個人的偏好是舍入到小數點後2-3個位置，但這並不重要，除非你絕對必須有精確的寬度。我曾經在這個網站上推薦過上面的文章無數次，這對於現在的任何網頁設計師來說都是必讀的。