徹底理解 UI 及 Web 的尺寸單位:基本觀念

iOS 的 pt、CSS 的 pt、Android 的 dp、ppi、px⋯⋯這些單位和名詞到底是什麼?該如何使用?

Taylor
Taylor
Dec 5, 2016 · 12 min read

各種螢幕的區別

解析度、像素密度

解析度關係式

iOS 的 pt 單位

由左至右,分別為 iPhone 第一代、iPhone 4,與 iPhone 6 Plus

Android 的 dp 單位

來源:https://developer.android.com/design/style/devices-displays.html

網頁設計裡的 pt 單位

結論

工商服務時間

參考資料

UXabc

我們透過文章與教學課程,致力於讓設計所需的知識和觀念,變得更加容易觸及、更加容易理解。

UXabc

我們透過文章與教學課程,致力於讓設計所需的知識和觀念,變得更加容易觸及、更加容易理解。

Taylor

Written by

Taylor

No magic, only basic. https://fb.me/rgb.fff

UXabc

我們透過文章與教學課程,致力於讓設計所需的知識和觀念,變得更加容易觸及、更加容易理解。

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store