為什么是他們而不是PX？我聽說您應該用em來定義樣式表中的大小和距離，而不是以像素為單位。所以問題是為什么在CSS中定義樣式時我應該使用它們而不是PX呢？有一個很好的例子來說明這一點嗎？
3 回答
回首憶惘然
TA貢獻1847條經驗 獲得超11個贊
單位的定義
PX
是度量的絕對單位(如 在……里面, PT，或 厘米)也恰好是1/96 在……里面單元(稍后將詳細介紹原因)。因為它是一個絕對的度量，所以可以在任何時候使用它來定義某個特定的大小，而不是與瀏覽器窗口的大小或字體大小成比例。 就像所有其他絕對單位一樣， PX單元不按瀏覽器窗口的寬度進行縮放。因此，如果整個頁面設計使用絕對單位，如 PX而不是 %，它無法適應瀏覽器的寬度。這并不是天生的好或壞，只是設計師需要在堅持一個確切的尺寸和不靈活的與拉伸之間的選擇，但在過程中不堅持一個確切的大小。這將是典型的網站有固定大小和靈活大小的混合對象。 固定大小的元素通常需要合并到頁面中，例如廣告橫幅、徽標或圖標。這確保了你至少總是需要 一些設計中基于PX的測量。例如，圖像(默認情況下)將被縮放，使每個像素的大小為1*px*，因此，如果您圍繞圖像進行設計，則需要 PX各單位。它對于精確的字體大小和邊框寬度也是非常有用的，因為四舍五入，使用它是最有意義的。 PX大部分屏幕的單位。 所有絕對測量都是嚴格相關的，也就是說， 1英寸是 總 96 px，就像 1英寸是 總 72pt..(請注意， 1英寸幾乎從來都不是生理上的 寸當談論到基于屏幕的媒體時)。所有絕對測量都假定標稱屏幕分辨率為96皮，臺式機顯示器的標稱觀看距離，以及在這種屏幕顯示器上的標稱觀看距離。 PX等于一 物理屏幕上的像素和一個像素 在……里面將等于96個物理像素。在像素密度或觀看距離有顯著差異的屏幕上，或者如果用戶使用瀏覽器的縮放功能放大頁面， PX不再必然與物理像素相關。 埃姆
不是絕對單位-它是相對于目前選擇的字體大小的單位。除非您已通過使用絕對單位設置字體大小來重寫字體樣式(如 PX或 PT)，這將受到用戶瀏覽器或操作系統中字體選擇的影響，如果用戶已經制作了字體，那么使用em作為一般長度單位是沒有意義的，除非您特別希望它作為字體大小縮放。 使用 埃姆當您特別希望某物的大小取決于當前的字體大小時。 %
也是相對單位，在這種情況下，相對于父元素的高度或寬度。它們是一個很好的替代方案。 PX如果您的設計不依賴于特定的像素大小來設置其大小，則單位用于設計的總寬度。 使用 %設計中的單元允許您的設計適應屏幕/設備的寬度，而使用絕對單元(如 PX不會的。
偶然的你
TA貢獻1841條經驗 獲得超3個贊
- 3 回答
- 0 關注
- 433 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消