標籤彙整:rwd

【好站報報】 RWD 版型參考網站

Media-Queries 首頁

各位支持飛肯的粉絲朋友們,大家好~不知道上週有沒有人來參加本班臉書打卡即可免費上課的「RWD 手機網頁入門體驗班」呢?

今天要來介紹大家一個很不錯的網站:「 Media Queries 」,這個網站主要是蒐集了非常多優秀的 RWD (” Responsive Web Design “,中文:響應式網頁設計) 的網頁版型範例… 繼續閱讀

in Good Design 好站報報

【好站報報】日本 RWD 網站一把抓

Responsive Web Design JP

這次介紹的這個日本網站 “Responsive Web Design JP”,非常佛心地幫大家蒐集、整理出各種不同『 RWD ( Responsive Web Design ) – 響應式網頁』的版型設計,雖然僅限於日本的網站蒐集,但大量的網站範例參考,仍是研究 RWD 的同學們絕對不能錯過的研究資料喔… 繼續閱讀

in Good Design 好站報報

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

New iPhone Design Guide

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

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

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

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

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

in Mobile Web 手機網頁

CSS3 Media Queries 媒體查詢

隨著現今行動裝置的多樣化,各家廠商的智慧型手機、平板電腦推陳出新!手機的螢幕尺寸一家做得比一家大、平板電腦的螢幕尺寸也是大小不一,尺寸多樣,於是讓特定的螢幕尺寸來切換 CSS3 的 Media Queries 的需求性就產生了…. 繼續閱讀

in CSS 語法 - 網頁設計