CSS邊框算一個算像素

在CSS中，我們可以使用border屬性來設置一個元素的邊框樣式，例如：
div {
border: 1px solid black;
}
其中，1px指的是邊框的寬度，solid指的是邊框的樣式，而black指的是邊框的顏色。但是，很多人可能不知道，這里的1px是怎么計算的。

在Web開發中，像素有兩種不同的定義方式：物理像素和邏輯像素。物理像素就是我們通常所說的設備像素，一個物理像素就是一塊小小的發光晶體管。而邏輯像素則是我們在平常使用計算機時所面對的像素。

因為不同的設備有不同的物理像素密度，所以同樣的1px邊框，在不同的設備上可能顯得大小不一。例如，一塊屏幕的物理像素密度是100ppi，而另一塊屏幕的物理像素密度是200ppi，那么同樣寬度的1px邊框，在第一塊屏幕上會展現為1/100英寸的寬度，在第二塊屏幕上則會展現為1/200英寸的寬度。
所以，為了保證在不同的設備上，元素邊框的寬度都是一致的，我們需要將1px邊框轉換成邏輯像素。在大多數設備上，1px被定義為等于屏幕上1/96英寸的邏輯像素寬度，這也被稱為CSS像素。