2012-10-21 60 views
5

如何正確縮放Web應用程序以使其跨平臺兼容。有了這麼多不同的屏幕分辨率的不同手機,我應該瞄準一個好的高度/寬度。什麼是最有效的方式來做這個規模?爲不同設備縮放Web應用程序的屏幕大小

如果您不明白我的問題:當您在手機上加載網頁時,它會自動將其縮放爲網頁的完整大小,而不是放大,以便您可以正確查看文本。你如何擁有它,所以它會自動放大。

+0

「擴展Web應用程序」術語已用於服務器和應用程序體系結構,因此在此處引入誤導。我認爲合適的問題標題應該是「縮放不同設備的Web應用程序的屏幕大小」,除非您提出兩個不同的問題。你可能會發現一些信息[這裏](http://en.wikipedia.org/wiki/Responsive_web_design)對響應式網頁設計有用。一些資源[這裏](http://stuffandnonsense.co.uk/projects/320andup/)和[這裏](http://www.quirksmode.org/mobile/)你可能會覺得有用 – VKen

回答

3

我建議你閱讀約Responsive Web Design

Wikipedia引用:「自適應網頁設計(通常縮寫爲RWD)是網頁設計,其中的位點是製作以提供最佳的觀看體驗,便於閱讀和導航用最少的調整大小的,平移的方法,以及滾動瀏覽各種設備(從臺式電腦顯示器到手機)。「

如果你search for it,有數百篇精彩文章。

這是a beginner's guide。也有關於這個話題的書籍。

相關問題