我有用於PC屏幕瀏覽器(@media screen {})的網絡應用程序,並且我想讓它適用於智能手機屏幕。從PC到手機和內容大小問題的網站
不幸的是,我的12pt字體和我的128x128圖片在我的智能手機上以1280x800的分辨率(三星 - 谷歌Nexus)顯得非常小。
在爲像我這樣的智能手機的CSS添加之前,我必須考慮爲各種智能手機屏幕分辨率創建Web應用程序?
我有用於PC屏幕瀏覽器(@media screen {})的網絡應用程序,並且我想讓它適用於智能手機屏幕。從PC到手機和內容大小問題的網站
不幸的是,我的12pt字體和我的128x128圖片在我的智能手機上以1280x800的分辨率(三星 - 谷歌Nexus)顯得非常小。
在爲像我這樣的智能手機的CSS添加之前,我必須考慮爲各種智能手機屏幕分辨率創建Web應用程序?
你可以嘗試在CSS中添加此:
<meta name="viewport" content="width=device-width, user-scalable=false;">
來自:https://developer.mozilla.org/fr/docs/Mozilla/Mobile/Viewport_meta_tag
史視野中的視口,我不知道....
有創造很多方法響應式網站 - 響應式,首先爲移動設備和移動設備設計。但是,現在,我們更多地考慮Mobile First!
。所以,有很多網站教你如何創建一個網站的響應和移動第一種方法,例如:
的第一件事就是建立時想起一個響應網站很簡單。網頁設計師喜歡炫耀他們可以設計出一個網站。他們愛上了他們的代碼以及它能做的所有酷事。
10個關於響應式設計的基本技巧
- 讓您的佈局簡單
- 使用媒體查詢
- 定義破發點
- 讓您的佈局靈活
- 使照片表現
- D on't foget使閩
- 使相對
- 大多數事情當移動線性化
- 跳過沒有本質內容
- 檢查中繼檢視
你可以看到Dan Rowinski's article更多信息。這是一個很好的文章來回答你的問題,在創建響應式Web應用程序之前必須考慮的問題。