px:
px實際上就是畫素，用px設定字型大小時，比較穩定和精確。但是這種方法存在乙個問題，當使用者在瀏覽器中瀏覽我們製作的web頁面時，如果改變了瀏覽器的縮放，這時會使用我們的web頁面布局被打破。這樣對於那些關心自己**可用性的使用者來說，就是乙個大問題了。因此，這時就提出了使用「em」來定義web頁面的字型。
em:em就是根據基準來縮放字型的大小。em實質是乙個相對值，而非具體的數值。這種技術需要乙個參考點，一般都是以的「font-size」為基準。如topve唯藝互動的基準就是16px=1em。
em有如下特點：
em的值並不是固定的；
em會繼承父級元素的字型大小。
另外，em是相對于父元素的屬性而計算的，如果想計算px和em之間的換算
1、任意瀏覽器的預設字型大小都是16px。
2、所有未經調整的瀏覽器都符合: 1em=16px 12px=0.75em 10px=0.625em
3、為了簡化font-size的換算，在body選擇器中宣告font-size：62.5%，這就使em值變為
12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就行了。
以上就是topve唯藝互動對於響應式**設計中px與em優缺點的總結和整理。如果您還對此有疑問，可以到他們**看看他們是怎麼使用em和px來進行**設計的。
響應式web設計
initial scale 1.0 script 不使用width px 只使用百分比寬度width xx 或者width auto 字型也不能使用絕對大小 px 而只能使用相對大小 em 如 font normal 100 helvetica,arial,sans serif 字型大小是頁面預設大...
響應式web設計
響應式網頁設計是時下網頁設計領域最熱門的話題之一，該概念由著名網頁設計師 ethan marcotte 在2010年5月份提出，其目標是要讓設計的 能夠響應使用者的行為，根據不同終端裝置自動調整尺寸。簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼，怎麼實現響應式設計呢？...
響應式Web設計
設計師熟知的在印刷 的控制功能，常常也會期望web 會有，但是他們僅僅限制在列印出來的頁面上才能使用。我們必須接受這樣的事實 web根本沒有同樣的限制和為這樣的彈性準備的設計。但是首先我們必須接受這種落差和流程。英國建築師christopher wren有一次開玩笑說他選擇了乙個 以永恆為目標 的領...