大部分的網頁設計者在css**編寫中總是先對整體定義字型尺寸,中文情況下一般為12px,而其實這樣以來在通過ie頂部選單中的「察看-文字大小」設定已無任何 作用。對字型感覺太小的瀏覽者而言無疑是種很不好的使用者體驗過程。其實這一切都可以避免,那就是使用em單位作為字型顯示單位。
一、首先說下em和px的區別:
1. ie無法調整那些使用px作為單位的字型大小;
2. firefox能夠調整px和em,但是96%以上的中國網民使用ie瀏覽器(或核心)。
3.px畫素(pixel)。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。
而em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。
二、em相對於px有什麼優勢:
1. em的值並不是固定的。
2. em會繼承父級元素的字型大小。
三、em和px如何進行換算
任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。
為了簡化font-size的換算,需要在css中的body選擇器中先全域性宣告 font-size=62.5%,很多初學者可能會在此定義0.625em或者直接定義12px,這是沒有效果的,一定要定義font-size=62.5%!
這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。
由於em具有會繼續父級出血元素的字型大小的特點,這使得1em=10px,所以12px=1.2em。px與em的轉換通過10就可以得來,很方便了吧!
四、css中應用em需要注意兩點:
1. body選擇器中宣告font-size=62.5%。
2. 將你的原來的px數值除以10,然後換上em作為單位。
3. 重新計算那些被放大的字型的em數值。避免字型大小的重複宣告。
也就是避免1.2 * 1.2= 1.44的現象。比如說你在#content中宣告了字型大小為1.2em,那麼在宣告 p 的字型大小時就只能是1em,而不是1.2em, 因為此em非彼em,它因繼承#content的字型高而變為了1em=12px。
此外有一點必須要注意,在ie處理漢字時,對於浮點的取值精確度有限,在body下62.5%出來的12px字型比直接定義的要大一些,需要將 62.5%換成63%。通過以上對css**的調整,你會發現自己的**又向使用者體驗設計更靠近了一步。
c語言簡單習題 時間換算
輸入格式 乙個整數,表示bjt的時和分。整數的個位和十位表示分,百位和千位表示小時。如果小時小於10,則沒有千位部分 如果小時是0,則沒有百位部分 如果小時不是0而分小於10分,需要保留十位上的0 如果小時是0而分小於10分的,則不需要保留十位上的0。輸出格式 乙個整數,表示utc的時和分。整數的個...
CSS尺寸和字型單位 em px還是
在頁面整體布局中,頁面元素的尺寸大小 長度 寬度 內外邊距等 和頁面字型的大小也是重要的工作之一。乙個合理設定,則會讓頁面看起來層次分明,重點鮮明,賞心悅目。反之,乙個不友好的頁面尺寸和字型大小設定,則會增加頁面的複雜性,增加使用者對頁面理解的複雜性 甚至在當下訪問終端 iphone ipad pc...
壓力換算公斤單位換算 壓力單位換算方法
壓力單位換算方法 1.1atm 0.1mpa 100kpa 1公斤 1bar 10公尺水柱 14.5psi 2.1kpa 0.01公斤 0.01bar 10mbar 7.5mmhg 0.3inhg 7.5torr 100mmh2o 4inh2o 3.1mpa 1n mm2 14.5psi 0.1mp...