在web開發中，CSS是一個非常重要的技術，它能夠讓頁面更加美觀、優化用戶體驗，而在CSS中，有一個非常重要的單位，那就是OPX。

/* CSS中使用OPX作為長度單位 */
.example {
font-size: 16px;
padding: 10px 20px;
margin: 0 5px;
}

OPX是CSS中的一個相對單位，它的意思是相對于屏幕分辨率的一個物理像素。在CSS中，使用OPX來定義元素的大小和位置等屬性，能夠讓網頁在不同的設備和不同的分辨率下都能夠呈現出相同的效果。

一般來說，不同的設備都會有不同的屏幕分辨率，這也就意味著像素的大小不同。為了解決這個問題，CSS引入了OPX這個相對單位。在OPX中，1個單位等于屏幕的1/100縮放比例，也就是說，1個OPX單位的大小會根據不同的分辨率而不同。

舉個例子，假如我們在一臺屏幕分辨率為1920x1080的電腦上顯示一個寬度為100OPX的元素，那么這個元素實際上會顯示為192像素的寬度。而在另一臺分辨率為1280x720的電腦上，同樣寬度為100OPX的元素顯示為128像素的寬度。

因此，在編寫CSS時，我們要根據不同設備的分辨率來設置元素的大小，這樣才能確保網頁在各種設備上都呈現出較好的效果。