0
幾個月來我面臨同樣的問題。 如果我以像素或EM單位定義任何尺寸或位置，它將在不同的屏幕和分辨率下在不同的瀏覽器中進行不同的翻譯。不同屏幕上的CSS像素/時間單位不同
例如 - 我戴爾顯示器24「1920x1080像素，我的同事有24」戴爾1600x1200像素分辨率的舊顯示器。 問題是，相同的網頁顯示不同。 例如，當我想在同一行上有兩個沒有換行符的按鈕時，我在CSS中設置了適當的像素寬度，所以它在我的顯示器上沒有斷線，它在同事顯示器上壞掉了，所以我必須設置幾個像素更少的大小。對於新興市場來說也是一樣的。
彼此例如：
位置絕對和我使用的元素的負合適的位置把它旁邊的滾動條。在我的電腦上，這很好，在我的同事們的筆記本電腦上，它是可見的。
屏幕上的單位和像素大小之間的關係是什麼？ 如何安全地在CSS3和HTML5文檔類型中編寫CSS表單以在所有分辨率上具有正確的兼容性？
當我使用font-size和padding來設置按鈕和輸入的大小時，同樣的問題是按鈕/文本輸入。它看起來不同的依賴於顯示的分辨率。
感謝您的幫助！
所以最好的做法是有身體像素大小的字體大小和使用em單位或REM單位所有的位置，大小，邊距，填充後？ –
我只是說如果你有自己的css，你需要在px中定義正文的字體大小，否則如果你有Bootstrap或Foundation請記住它們定義了16px的默認字體大小，所以1em/1rem會是16px。 –
所以，如果我明白 - 使用非相對單位不好，因爲有多種方式，不同的設備如何計算絕對像素單位，所以使用相對單位能夠在不同的設備/屏幕並對相關單位進行正確的計數，將字體大小以像素定義爲根元素的默認值很重要。 Rem單位是相對於父元素的，而不是整個頁面的根元素。提及引導是好的，也是一種靈感。 –