2009-12-19 26 views
10

我開始一個新的web項目,我想知道是否使用em或px作爲佈局和字體大小。我應該使用em還是px?

儘管大多數瀏覽器現在支持文本和圖像縮放,而不管字體是在px還是em中定義,但社區對使用em的支持仍然很強。

但是我使用em看到了2個問題。

首先是大型和寬屏顯示器的問題 - 通常這會導致文本在屏幕上以英里和英里爲單位運行,這在閱讀頁面時非常難以閱讀。

其次,如果您的網站需要集成Flash組件?如果您希望Flash組件完全適合在em中定義的div(例如,網站的主容器)內,那麼您將如何處理它,因爲Flash組件是以px度量的?

真的有一個令人信服的理由使用EM比PX,真的嗎?

+0

可能重複的[爲什麼em而不是px?](http://stackoverflow.com/questions/609517/why-em-instead-of-px) – 2012-12-21 14:51:28

回答

22

首先是與大和 寬屏顯示器的問題 - 通常這會導致 文本運行千里跨越 屏幕,這是 很難讀,你讀下來的頁面。

使用empx,你仍然可以定義width(或max-width)到您的佈局。

其次,如果您的網站需要將 集成一個Flash組件?如果您想 Flash組件,以適應 正是一個div內(例如網站的主要 容器)被定義在EM ,你會如何去做,因爲 Flash組件在PX測量?

要完全符合,您仍然可以使用100%width,或者我可能不理解您的觀點。


從理論上講,使用em代替px將允許基於用戶偏好的佈局很容易可觀。

但今天,現代瀏覽器可以調整佈局以及em佈局,所以它可能不像多年前那麼相關。

+1

好的答案,我認爲我自己可以更好地解釋它。 – 2009-12-19 22:26:06

+1

清理了一些東西:-)謝謝 – helloworlder 2009-12-20 05:55:59

+0

關於Flash組件的尺寸,他可能指的是容器的尺寸,因爲一些Flash元素可能無法很好地伸縮。 – JGarrido 2010-05-05 14:50:11

2

當您使用相對尺寸而不是固定字體時,主要好處是(光學禁用)訪問者可以放大/縮小包含字體的網頁。這全是關於web accessibility

+3

這些問題並不是真正的問題。包括Internet Explorer在內的所有主流瀏覽器都將縮小整個頁面,包括字體。 – Turnor 2009-12-19 12:25:31

+5

但大多數瀏覽器都不是這樣。我只是不確定是否值得努力迎合剩下的IE6用戶。 – helloworlder 2009-12-19 12:25:41

+0

我一直在做什麼類型的縮放,如果我放大使用cmd + mousewheel_up在基於px的兩側,它的縮放非常好。在Firefox中 – antpaw 2009-12-19 12:29:10

2

px與您提及的具有不同顯示器尺寸的em具有相同的問題。使用px時,在顯示器上的像素大小(即具有特定點距的像素)時,也有更多的想法。由於ems(和%)與顯示器之間沒有固定的大小關係,因此人們不會陷入同一陷阱。 (px和所有的圖像像素一樣,並沒有固定的1:1關係來顯示像素,但人們通常會這樣想。)

說到對齊被替換的元素,無論是Flash還是圖像,px確實更合適(儘管Flash使用純矢量圖形時,可以使用任何您想要的單位很好地縮放到任意大小)。就個人而言,我使用任何單位更自然的決定定位和大小的元素類型:px圖像&電影,文本em,視口%。

1

現在,現代桌面瀏覽器擴展pxem一樣,我認爲討論應轉移到如何使用一個或其他會顯示在移動設備上,如在iPad,iPhone等

+0

像素與設備有關。在大多數桌面瀏覽器上,這是1:1。在一些1.5:1的移動設備上。 – webinista 2011-07-23 00:23:18

相關問題