標籤彙整:Mobile Web

【設計資源】 iPhone Design Guide 手機介面設計指南

New iPhone Design Guide

這一份 PDF 文件有很詳細的列表,把各代 iPhone 手機的螢幕尺寸、解析度、畫面比例、畫面尺寸…等都以表格條列,可以讓我們有需要設計手機 APP 介面的設計師,或是有需要設計手機網頁畫面的設計師參考…. 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

修正 iPhone 手機旋轉後畫面會放大的問題

修正 iPhone 手機旋轉後畫面會放大的問題

續前篇 使用 Veiwport 對於行動裝置的影響 所衍生出來的問題。完成了設定 width=device-width 使各廠牌手機的可視寬度與整個頁面寬度相同固然可喜可賀,看起來很正常,沒有什麼異狀呀!也達到我們想要讓使用者看到的結果。(如下圖所示) 繼續閱讀

in Mobile Web 手機網頁

使用 Veiwport 設定手機網頁的螢幕解析度

沒有設定 viewport 時

使用智慧型手機上網的人口數日益增加,家家戶戶對於手機網頁 Mobile Web 的設計需求也就越來越多了,在開始設計手機網頁時,第一件事情就是要設定 viewport 調整手機瀏覽器的螢幕解析度 繼續閱讀

in Mobile Web 手機網頁