Tag: retina

  • Macbook Pro 15″ 2015 Mid 開箱

    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:…