標籤彙整: rwd
RWD 教學 CSS3 Media Queries 媒體查詢
隨著現今行動裝置的多樣化，各家廠商的智慧型手機、平板電腦推陳出新！手機的螢幕尺寸一家做得比一家大、平板電腦的螢幕尺寸也是大小不一，尺寸多樣，於是讓特定的螢幕尺寸來切換 CSS3 的 Media Queries 的需求性就產生了…. 閱讀全文
【好站報報】日本 RWD 美美網站一把抓
這次介紹的這個日本網站 “Responsive Web Design JP”，非常佛心地幫大家蒐集、整理出各種不同『 RWD ( Responsive Web Design ) – 響應式網頁』的版型設計，雖然僅限於日本的網站蒐集，但大量的網站範例參考，仍是研究 RWD 的同學們絕對不能錯過的研究資料喔… 閱讀全文
【好站報報】 RWD 版型參考網站
各位支持飛肯的粉絲朋友們，大家好~不知道上週有沒有人來參加本班臉書打卡即可免費上課的「RWD 手機網頁入門體驗班」呢？
今天要來介紹大家一個很不錯的網站：「 Media Queries 」，這個網站主要是蒐集了非常多優秀的 RWD (” Responsive Web Design “，中文：響應式網頁設計) 的網頁版型範例… 閱讀全文
【設計資源】 iPhone Design Guide 手機介面設計指南
這一份 PDF 文件有很詳細的列表，把各代 iPhone 手機的螢幕尺寸、解析度、畫面比例、畫面尺寸…等都以表格條列，可以讓我們有需要設計手機 APP 介面的設計師，或是有需要設計手機網頁畫面的設計師參考…. 閱讀全文
修正 iPhone 手機旋轉後畫面會放大的問題
續前篇 使用 Veiwport 對於行動裝置的影響 所衍生出來的問題。完成了設定 width=device-width 使各廠牌手機的可視寬度與整個頁面寬度相同固然可喜可賀，看起來很正常，沒有什麼異狀呀！也達到我們想要讓使用者看到的結果。（如下圖所示） 閱讀全文
in RWD 響應式網頁