Tag: retina
-
Macbook Pro 15″ 2015 Mid 開箱
手邊的 Macbook Pro 13″ 已經用了五年多了，有在考慮入手新款的筆電。從十月底 Apple 發表帶有 Touch Bar 的 Macbook Pro 後，我就每天照三餐關注著官網… 上的整新機。 2016 新機的規格包括看起來很美好的 Touch Bar、色域更廣的螢幕、速度更快的 SSD，以及未來的 Type C 端子，都很吸引人。但是考量到高昂的價格和被砍光光的連接端子，心中還是偏好去年的款式。另一方面，Apple 將 CPU、RAM、SSD 都改為焊死在主機板的設計後，無法自行升級，只能在選購時直接攻頂的作法也變成採購新機的負擔。看來看去，整新機是個物美價廉的選擇。 十一月初，官網上釋出了一台 (對，一台，不是一批) MBP 13 (2015)，配有 CPU i7、16GB RAM 與 512GB SSD。我放入了購物車，但最終沒有結帳，就被別人買走了，心中無限悔意。只好繼續每天看官網有沒有整新機釋出。終於等到十一月底，又出現一批 MBP，規格與前述相妨，但尺寸是 15″。 這次我手滑了… 下訂的隔天就收到包裏了，這速度嚇到我了。記得幾年前買整新的 mac mini 好像等了好幾天呢。 這次下訂的機型規格簡單條列如下… Technical Specifications Display Retina display 15.4″ 2880×1800 LED-backlit IPS Processor Intel…
-
Creating Retina Images for Website
最近在撰寫一個給 iOS UIWebView 用的迷你網站，在等待設計師繪製網站圖片的時候，好奇地看起來了一些關於視網膜螢幕 (retina display) 的資料。順便找了些用 CSS 顯示 retina image 的資料。 感謝行動平台上的瀏覽器對 CSS3 的普遍支援性，透過 CSS3 的 media queries 來分辨平台就可以切換內容了。 .navbar { background-image: url(‘../img/button01.png’); background-size: 320px 49px; } /* — for Retina Display — */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio:…
