2013-09-27 52 views
1

我有用於PC屏幕瀏覽器(@media screen {})的網絡應用程序,並且我想讓它適用於智能手機屏幕。從PC到手機和內容大小問題的網站

不幸的是,我的12pt字體和我的128x128圖片在我的智能手機上以1280x800的分辨率(三星 - 谷歌Nexus)顯得非常小。

在爲像我這樣的智能手機的CSS添加之前,我必須考慮爲各種智能手機屏幕分辨率創建Web應用程序?

回答

0

有創造很多方法響應式網站 - 響應式,首先爲移動設備和移動設備設計。但是,現在,我們更多地考慮Mobile First!。所以,有很多網站教你如何創建一個網站的響應和移動第一種方法,例如:

  1. Firstwebdesigner

  2. WebdesignTuts

的第一件事就是建立時想起一個響應網站很簡單。網頁設計師喜歡炫耀他們可以設計出一個網站。他們愛上了他們的代碼以及它能做的所有酷事。

10個關於響應式設計的基本技巧

  1. 讓您的佈局簡單
  2. 使用媒體查詢
  3. 定義破發點
  4. 讓您的佈局靈活
  5. 使照片表現
  6. D on't foget使閩
  7. 使相對
  8. 大多數事情當移動線性化
  9. 跳過沒有本質內容
  10. 檢查中繼檢視

你可以看到Dan Rowinski's article更多信息。這是一個很好的文章來回答你的問題,在創建響應式Web應用程序之前必須考慮的問題。