網頁設計應用支援螢幕大小時，要考慮的排版問題
我們發現到：要讓網頁設計應用支援多種設備，開發者需要根據設備的「像素密度」（Pixel Density）與「螢幕大小」（Screen Size），處理相對應的「排版」與「圖片」問題。接續前一篇，本篇將闡述處理「螢幕大小」（Screen Size）的方式。
「螢幕大小」（Screen Size）
螢幕大小指的是整部機器「放大了」，在螢幕上的「像素」變多了，能同時顯示或操作更多的內容。從手機、平板、筆電、電視，我們可以看到各種不同大小、解析度的螢幕，並且都有各自慣用的使用界面和操作方式。
「像素密度」要解決的，是在相同的使用界面下，各種排版與圖片的問題。而「螢幕大小」則需要解決如何因應不同螢幕大小來提供不同使用者界面，與在不盡相同的使用界面下，各種排版與圖片的問題。因為我們很有可能需要因應不同螢幕大小的操作習慣，而有不同的設計。
要解決這些「螢幕大小」的問題，最主要的工具就是要應用 CSS media query來完成此「螢幕大小」的問題。
轉貼來源：香港矽谷
參考文獻：
1.賴逸婷（2007）。網站體驗品質評估之研究。國立雲林科技大學視覺傳達設計研究所碩士論文，未出版。
2.張婷玥（2006）。顧客體驗與體驗品質之概念性研究。國立政治大學企業管理研究所碩士論文，未出版。
3.黃佳惠（2005）。體驗品質、滿意度及行為意向關係之研究－以華陶窯為例。朝陽科技大學休閒事業管理系碩士論文，未出版。
相關文章
思考讓網頁設計支援多種裝備網頁設計可用性設計的原則網頁設計可用性設計的重要性網頁設計模型常見的網頁設計誤區
最新文章
錯誤思考成功人士也會犯！要打破舊有思維，請先「重新想像」世界的樣子創業就可以做自己喜歡的工作？事實：無聊事占掉你 80% 的時間金融業沙場老將看銀行轉型，Richart 是台新數位經營的啟程——專訪台新總經理尚瑞強用 Line 就可以轉帳收款！台新 Richart 如何用 AI 建立同業望其項背的技術門檻？【創業不用從 0 開始】這位 28 歲連續創業家，靠「借用」模式走到今天！
